Multiselect templates for categorization problem

[sri...@indix.com]

Hello,

I started using Clockwork Raven, tried setting it up and everything went through fine. I started creating sample evaluations and I was able to seamlessly post them to MTurk. 

I wanted some customization on the HTML that's presented to the Judges. So, I wrote a small HTML snippet to do things that I wanted, but, I am not able to publish it when I submit via CR. 

I used the text area to hold my HTML snippet, since, I was not sure if other templates/components supported HTML constructs. 

When I submit the jobs to MTurk, it throws HTML5Parse Error exception and I could not do much about it.

I have also started to wonder if I can submit such customized HTML..? If so, how do I get the response back..? In my case, the values selected in the "select" box needs to be returned to me.

Can you guys give me pointers of what is going wrong? Pl find below is the HTML snippet.. I also see that, when I do a random preview, it just works fine on the CR webapp.. 

-------------------------------------------------------- HTML Snippet ---------------------------------------------------------------

    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap.css" rel="stylesheet" type="text/css"/>

    <link href="//cdnjs.cloudflare.com/ajax/libs/chosen/0.9.12/chosen.css" rel="stylesheet" type="text/css" />

    <div class="container">

        <h3> Help us categorize the below document </h3>

         <div>

              <p> 

                <strong> Product Title </strong> <br/>

                 Please click on the below link if you don't see the webpage loading below. <br/>

                <a href={{URL}}> {{Title}} </a>

              </p>

              <em>Categories</em>

              <br>        

              <select data-placeholder="Choose categories as applicable (in the order of relevance)" class="chzn-select" multiple style="width:350px;" tabindex="4">

                <option value=""></option> 

                <option value="Category1">Category1</option> 

                <option value="Category2">Category2</option> 

                <option value="Category3">Category3</option>

            </select>

        </div>

    </div>

    <div id="product-page">

      <iframe src="{{URL}}" style="height:750px; width:100%;"></iframe>

    </div>

    <script src="http://code.jquery.com/jquery.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/bootstrap.min.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/chosen/0.9.12/chosen.jquery.min.js"></script>

    <script type="text/javascript">

          $(".chzn-select").chosen();

          $(".chzn-select-deselect").chosen({allow_single_deselect:true});

    </script>