title: How do I remove all styles from an element using jQuery?
body: <pre><code>body{
      font-family: Arial;
  }
  div{
      color: red;
      margin: 20px;
      background: blue;
      font-size: 17px;
  }
  </code></pre>
  
  
  
  <pre><code>&lt;div id="div1"&gt;this should be styled with a blue background, 
                 red text, and 17px Arial font&lt;/div&gt;
  
  &lt;div id="div2"&gt;this should have no background, default font, etc. &lt;/div&gt;
  </code></pre>
  
  <p>How can I remove all style and all inherited styles of <code>#div2</code> with jQuery?</p>
  
  <p>Remove only all style #div2, keep style #div1 </p>