title: jQuery append html with razor syntax error on Chrome
body: <p>I have this javascript code:</p>
  
  <pre><code>var markup = '&lt;tr id="newdo" class="odd"&gt;&lt;td&gt;' + @Html.DropDownList("does", new SelectList(Model.Does, "Id", "Name"),new { @class = "newDoSelect" }) + '&lt;/td&gt;&lt;td class="small"&gt;'+ @Html.DropDownList("restriction", Model.Restrictions) + '&lt;/td&gt;&lt;td&gt;' + @Html.ListBox("doobjectives", new MultiSelectList(Model.AllObjectives, "Id", "Name"), new { Multiple = "multiple", @class="doobjectives" }) + '&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;';
  $('#doList tr:last').after(markup);
  </code></pre>
  
  <p>This is the rendered code:</p>
  
  <pre><code>var markup = '&lt;tr id="newdo" class="odd"&gt;&lt;td&gt;' + &lt;select class="newDoSelect" id="does_3_" name="does[3]"&gt;&lt;option value="319"&gt;A breath of fresh air..&lt;/option&gt;
  &lt;option value="176"&gt;Fix something that&amp;#39;s broken today!&lt;/option&gt;
  &lt;option value="179"&gt;Get a physical &amp;#39;high&amp;#39; today!&lt;/option&gt;
  &lt;option value="150"&gt;It&amp;#39;s OK to be unassertive sometimes!&lt;/option&gt;
  &lt;option value="169"&gt;Just &amp;#39;let it wash&amp;#39; today.&lt;/option&gt;
  &lt;option value="200"&gt;WOW!&lt;/option&gt;
  &lt;option value="233"&gt;Write something for 15 minutes.&lt;/option&gt;
  &lt;option value="104"&gt;You CAN be individually-centred: try it today.&lt;/option&gt;
  &lt;option value="111"&gt;You can be livelier: try this.&lt;/option&gt;
  &lt;option value="77"&gt;You can be more definite in how you are.&lt;/option&gt;
  &lt;option value="58"&gt;You don&amp;#39;t always have to be unassertive!&lt;/option&gt;
  &lt;/select&gt; + '&lt;/td&gt;&lt;td class="small"&gt;'+ &lt;select id="restriction_3_" name="restriction[3]"&gt;&lt;option value="negative"&gt;negative&lt;/option&gt;
  &lt;option value="neutral"&gt;neutral&lt;/option&gt;
  &lt;option value="positive"&gt;positive&lt;/option&gt;
  &lt;/select&gt; + '&lt;/td&gt;&lt;td&gt;' + &lt;select Multiple="multiple" class="doobjectives" id="doobjectives_3_" multiple="multiple" name="doobjectives[3]"&gt;&lt;option value="4"&gt;another test&lt;/option&gt;
  &lt;option value="24"&gt;testing objective 10&lt;/option&gt;
  &lt;option value="25"&gt;testing objective 11&lt;/option&gt;
  &lt;option value="13"&gt;testing objective 2&lt;/option&gt;
  &lt;option value="14"&gt;testing objective 3&lt;/option&gt;
  &lt;option value="15"&gt;testing objective 4&lt;/option&gt;
  &lt;option value="16"&gt;testing objective 5&lt;/option&gt;
  &lt;option value="17"&gt;testing objective 7&lt;/option&gt;
  &lt;option value="19"&gt;testing objective 8&lt;/option&gt;
  &lt;option value="18"&gt;testing objective 9&lt;/option&gt;
  &lt;/select&gt; + '&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;';
  $('#doList tr:last').after(markup);
  </code></pre>
  
  <p>It works just fine on firefox, but on chrome I'm getting this error on the first line:</p>
  
  <p>Uncaught SyntaxError: Unexpected identifier </p>
  
  <p>Any clues?</p>