title: How to delete <span> tag in jquery?
body: <p>Hi I want to delete Parent and child tags of the <code>&lt;span&gt;</code>. How can I do this</p>
  
  <pre><code>&lt;span id='dept1'&gt;
  Department
  &lt;span onClick='deleteDept();'&gt;X&lt;/span&gt;
  &lt;/span&gt;
  &lt;span id='dept2'&gt;
  Department2
  &lt;span onClick='deleteDept();'&gt;X&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>When I am Calling deleteDept() I want to delete total <code>&lt;span&gt;</code> (parent and child) </p>
  
  <p>Any one help me</p>