Question

What would be a way to do the following? I know I can extract the html from the object using .html() but I would like to append the object.

  var $firstArticle = $('.agentPressList li:first');    
  $('ul').append($firstArticle);

I know the below will work perfectly fine but was looking how to use a jquery object in this manner rather than using the strings on either end of the variable.

  var $firstArticle = $('.agentPressList li:first');         
         $('ul').append('<li>' + $firstArticle.html() + '</li>');

Answer 1

use jquery clone if you want all same li behavior at new place. other wise use html.

var $firstArticle = $('.agentPressList li:first');    
  $('ul').append($firstArticle.clone(true));

OR

$('ul').html($firstArticle.html());