title: jQUery append .html(data) how can i append it without overlapping my first append?
body: <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>