jQuery append issue
<p>I am doing the following:</p>

<pre><code>$("#fb_friends").append("&lt;div style=\"width:150px;float:left;font-size:11px;color:White;\"&gt;");
$("#fb_friends").append("&lt;input type=\"checkbox\" name=\"friends\" value=\"1244524\" /&gt;");
$("#fb_friends").append("&lt;img src=\"http://graph.facebook.com/" + friend.id + "/picture\" alt=\"Picture\" style=\"width:24px\"&gt;");
$("#fb_friends").append(friend.name);
$("#fb_friends").append("&lt;/div&gt;");
</code></pre>

<p>however in my html, what I get is:</p>

<pre><code>&lt;div style="width:150px;float:left;font-size:11px;color:White;"&gt;&lt;/div&gt;
&lt;input type="checkbox" name="friends" value="1244524"&gt;
&lt;img src="http://graph.facebook.com/1244524/picture" alt="Picture" style="width:24px"&gt;
"friend name"
</code></pre>

<p>Why is there a closing div tag at the first line?</p>

<p><strong>UPDATE:</strong></p>

<p>I tried doing this instead:</p>

<pre><code>$("#fb_friends").append("&lt;div class=\"friend\" style=\"width:150px;float:left;font-size:11px;color:White;\"&gt;");
$(".friend").append("&lt;input type=\"checkbox\" name=\"friends\" value=\"1244524\" /&gt;");
$(".friend").append("&lt;img src=\"http://graph.facebook.com/" + friend.id + "/picture\" alt=\"Picture\" style=\"width:24px\"&gt;");
$(".friend").append(friend.name);
</code></pre>

<p>boy, it's slow as hell</p>
