title: Problem using the prependTo() in jQuery
body: <p>I am having a problem trying to use the prependTo() function in jQuery... for some reason I can't get this to work</p>
  
  <pre><code>$("
  &lt;div id="note178" class="note"&gt; 
   &lt;div class="delete"&gt;&lt;a href="/chart-notes/delete/178" onclick="$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;"&gt;&lt;img src='/images/icons/delete.png'&gt;&lt;/a&gt;&lt;/div&gt; 
   &lt;div class="timestamp"&gt;1 minute ago &lt;/div&gt; 
   &lt;div class="content"&gt;ñasdas dasdasdasd conclusión&lt;/div&gt;  
  &lt;/div&gt;
  ").prependTo(".notes").fadeIn("slow");
  </code></pre>
  
  <p>Although when doing it like this, it works fine</p>
  
  <pre><code>$.ajax({
    url:'/chart-notes/show/&lt;cfoutput&gt;#chartnote.id#&lt;/cfoutput&gt;',
    success: function(data) {
     $(data).prependTo(".notes").fadeIn("slow");
  
     // Scroll to the top of the annotations
     $('html, body').animate({scrollTop: $(".notes").offset().top}, 1000);
  
     // Clear the form
     $('#chartnote-notes').val("");  
    }
   });
  </code></pre>
  
  <p>The "data" response from that success function is the same </p>
  
  <pre><code>&lt;div id="note178" class="note"&gt; 
   &lt;div class="delete"&gt;&lt;a href="/chart-notes/delete/178" onclick="$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;"&gt;&lt;img src='/images/icons/delete.png'&gt;&lt;/a&gt;&lt;/div&gt; 
   &lt;div class="timestamp"&gt;1 minute ago &lt;/div&gt; 
   &lt;div class="content"&gt;ñasdas dasdasdasd conclusión&lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>As before</p>