title: jQuery append duplicates content
body: <p>I am new to jquery. I need help moving content. I am using the append method. </p>
  
  <p>I want to be able to move each of the.links element into each .submitted element within the .node element. Right now append is adding all three .links to each .selected element.  I have provided the code and a link to JSFiddle below.</p>
  
  <p>Thanks for your help</p>
  
  <p><a href="http://jsfiddle.net/andesign/SGgM8/" rel="nofollow">Click here to view code in JSFiddle</a></p>
  
  <p>jQuery</p>
  
  <pre><code>​$('.links').appendTo('.submitted');​​​​​​​​​​​​​​​​​
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div class="node" class="clearfix"&gt;
          &lt;h2&gt;Node Title 1&lt;/h2&gt;
          &lt;div class="submitted"&gt;September 30&lt;/div&gt;
          &lt;div class="content"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin egestas mi, ac luctus orci eleifend pharetra&lt;/div&gt;
          &lt;div class="links"&gt;
              &lt;a href="#"&gt;Node 1 Link 1&lt;/a&gt; | 
              &lt;a href="#"&gt;Node 1 Link 2&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="node" class="clearfix"&gt;
          &lt;h2&gt;Node Title 2&lt;/h2&gt;
          &lt;div class="submitted"&gt;September 29&lt;/div&gt;
          &lt;div class="content"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin egestas mi, ac luctus orci eleifend pharetra&lt;/div&gt;
          &lt;div class="links"&gt;
              &lt;a href="#"&gt;Node 2 Link 1&lt;/a&gt; | 
              &lt;a href="#"&gt;Node 2 Link 2&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="node" class="clearfix"&gt;
          &lt;h2&gt;Node Title 3&lt;/h2&gt;
          &lt;div class="submitted"&gt;September 26&lt;/div&gt;
          &lt;div class="content"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin egestas mi, ac luctus orci eleifend pharetra&lt;/div&gt;
          &lt;div class="links"&gt;
              &lt;a href="#"&gt;Node 3 Link 1&lt;/a&gt; | 
              &lt;a href="#"&gt;Node 3 Link 2&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#wrapper { width:600px; margin:0 auto; }
  h2 { clear:both; }
  .node { border-bottom:1px solid #CCCCCC; }
  .submitted { float:left; width:200px; padding:10px; background-color:#CCCCCC; }
  .content { float:left; width:360px; padding:10px; }
  </code></pre>