title: Add class name for generated Html using jquery
body: <p>Below is html part</p>
  
  <pre><code>&lt;li class="main_menu catagory_li" id="cat4"&gt;
      &lt;p class="ahead"&gt;&lt;span class="heading"&gt;Item 4&lt;/span&gt;
      &lt;span class="fright remove"&gt;close&lt;/span&gt;&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>when i click <code>close</code> i copy the <code>LI</code> using below code,</p>
  
  <pre><code>$('.remove').live('click',function(){
      var closed_elem_id = $(this).parent().parent().attr('id');
  
          s = $(this).parent().parent().clone().wrap('&lt;div&gt;').parent().html();
          $('li#'+closed_elem_id).remove();
          console.log(s);
  
  });
  </code></pre>
  
  <p>This one removes the <code>LI</code> in particular place and get the copy and store it in <code>variable s</code>.</p>
  
  <p>My requirement is to add class called no-display in cloned copy like <code>&lt;span class="fright remove no-display"&gt;close&lt;/span&gt;</code> . I tried this many ways but it fails.</p>
  
  <p>Kindly advice on this</p>
  
  <p>NOTE : updated my question</p>