title: How to delete dom element from jquery object
body: <p>i want to delete a particular class from my object as my requirement is to delete that dom data before displaying content. I have written a sample code but not able to get why that is not working. I jquery's remove is also not working. Please help me to get it solve. Thanks in advance</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;script type="text/javascript" src="jquery-1.5.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
  
      // complete html
      var test;
      test = $('#issue_detail_first_row').html();
  
      var x = $(test).find('#issue_detail_nav').not('.p1');
  
      $('#sett').html(x);
   });
  
  &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div id="issueDetailContainer"&gt;
          &lt;div  id="issue_detail_first_row"&gt;
              &lt;div&gt;
                  &lt;div id="issue_detail_nav"&gt;
                      &lt;div&gt;test&lt;/div&gt;
                      &lt;div id="gett"&gt;
                          &lt;div class="p1"&gt;
                              this content need to be deleted 1
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="p1"&gt;
                          this content need to be deleted 2
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;                
          &lt;/div&gt;
          &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;div id="sett"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>
  </p>