<p>I am loading JSON data to my page and using <code>appendTo()</code> but I am trying to fade in my results, any ideas?</p>

<pre><code>$("#posts").fadeIn();
$(content).appendTo("#posts");
</code></pre>

<p>I saw that there is a difference between <code>append</code> and <code>appendTo</code>, on the documents.</p>

<p>I tried this as well:</p>

<pre><code>$("#posts").append(content).fadeIn();
</code></pre>

<p><strong><em>I got it, the above did the trick!</em></strong></p>

<p>But I get <code>"undefined"</code> as one of my JSON values.</p>

If you hide the content before you append it and chain the fadeIn method to that, you should get the effect that you're looking for.
```
```
// Create the DOM elements
$(content)
// Sets the style of the elements to "display:none"
    .hide()
// Appends the hidden elements to the "posts" element
    .appendTo('#posts')
// Fades the new content into view
    .fadeIn();
```
```