title: HTML string passed in to jQuery .append() function not displaying
body: <p>I have an ajax call which returns the following HTML:</p>
  
  <pre><code>&lt;form action="/Function.aspx/Add" method="post"&gt;
      &lt;input id="Type" name="Type" type="hidden" value="Customer" /&gt;
      &lt;input id="CustomerId" name="CustomerId" type="hidden" value="3" /&gt;
  
  
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input type="submit" value="Save" style="width:7em;" /&gt;
          &lt;/td&gt;
          &lt;td colspan="2"&gt;
              &lt;select id="CustomerAppId" multiple="multiple" name="CustomerAppId"&gt;
      &lt;option value="BA"&gt;Option 1&lt;/option&gt;
      &lt;option value="AB"&gt;Option 2&lt;/option&gt;
      &lt;option value="DC"&gt;Option 3&lt;/option&gt;
         &lt;/select&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/form&gt; 
  </code></pre>
  
  <p>The ajax script performs great, and my result looks good in the alert() call:</p>
  
  <pre><code>&lt;table id="appTable"&gt;
  &lt;tr&gt;
      &lt;th&gt;&lt;/th&gt;
      &lt;th&gt;&lt;label for="AppId"&gt;ID&lt;/label&gt;&lt;/th&gt;
      &lt;th&gt;&lt;label for="AppName"&gt;Description&lt;/label&gt;&lt;/th&gt;
  &lt;/tr&gt; 
  
  &lt;tr&gt;
  
      &lt;td&gt;  
      &lt;a href="/Function.aspx/Remove/221?reqId=3"&gt;Delete&lt;/a&gt;
      &lt;/td&gt; 
  
      &lt;td&gt;PSE&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;        
  
  &lt;a href="/Function.aspx/BlankEditorRow/3?type=Customer" id="addItem"&gt;Add another...&lt;/a&gt;
  
  &lt;script type="text/javascript"&gt;
  $("#addItem").click(function () {
      $.ajax({
          url: this.href,
          cache: false,
          success: function (html) {
  
              alert(html);
              $("#appTable").append(html);
          },
      });
      return false;
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>However, my HTML never shows up.<br>
  I tried:</p>
  
  <ul>
  <li>Replacing the <code>html</code> variable in the script to <code>'&lt;tr&gt;&lt;td&gt;Hello!&lt;/td&gt;&lt;/tr&gt;'</code>:  that works.</li>
  <li>Removing all  and  tags, leaving the plain  and contents:  that did NOT work.</li>
  <li>Added $(document).ready() to the beginning of the script:  No change</li>
  </ul>
  
  <p>I've been staring at this HTML trying to figure out what it doesn't like, and I'm just not seeing it.  Any ideas?</p>