jQUery append .html(data) how can i append it without overlapping my first append?
<p>how can i append my div, without overlapping or overwrite my first append?</p>

<p>is my jQuery code correct?</p>

<pre><code>$(function() {
    $(".videoThumbS").live('click', function(e) {
        e.preventDefault();
        var dataString = $(this).siblings('input[name="v_w_id"]').val();
        $.ajax({ 
            type: 'POST',                                  
            url: 'api.php',
            data: { v_w_id: dataString },
            dataType: 'html',
            success: function(data) {
                var viewrecord = dataString;
                $('.selected_thumbs').append('&lt;div id=".new_thumb"&gt;&lt;/div&gt;').html(data);

                $("."+viewrecord).hide();
            }
        });
    });
});
</code></pre>

<p>my button
<code>&lt;input class="videoThumbS" type="button" name="selectSel" value="Select" id="selectbut" /&gt;
</code></p>

<p>and the div that it will display
<code>&lt;div class="selected_thumbs"&gt;&lt;/div&gt;</code></p>

<p>do i need to create a new div?
what do i need to do so that it wont overlap...</p>

<p>my sample website is this. <a href="http://cocopop12.site11.com/v2.2/" rel="nofollow">http://cocopop12.site11.com/v2.2/</a></p>
