title: jquery DOM object wrapped in a tag ends up on its own?
body: <p>I'm trying to wrap a jQuery object in a list. The object is</p>
  
  <pre><code>&lt;a class="medium button" title="Title""&gt;Sample&lt;/a&gt; 
  </code></pre>
  
  <p>and the interaction</p>
  
  <pre><code>$(".medium").click(function() {
    $(".list4").append("&lt;li&gt;");
    $(".list4").append($(this));
    $(".list4").append("&lt;/li&gt;");
  });
  </code></pre>
  
  <p>but this inevitably ends up in a blank list item. But if I do something like</p>
  
  <pre><code>$(".medium").click(function() {
    $(".list4").append("&lt;li&gt;");
    $(".list4").append($(this).html());
    $(".list4").append("&lt;/li&gt;");
  });
  </code></pre>
  
  <p>the item doesn't have the link. What should I do?</p>