title: How can I remove all classes from an element?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/1424981/how-to-remove-all-css-classes-using-jquery">How to remove all CSS classes using jQuery?</a>  </p>
  </blockquote>
  
  
  
  <p>I have the following:</p>
  
  <pre><code>&lt;div id="abc"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Inside that div there can be one only of the following:</p>
  
  <pre><code>&lt;p class="message"&gt;
  &lt;p class="message error"&gt;&lt;/p&gt;
  &lt;p class="message warning"&gt;&lt;/p&gt;
  &lt;p class="message success"&gt;&lt;/p&gt;
  &lt;p class="message loading"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Is there a way that I can find and remove all classes from the <code>&lt;p&gt;</code> element?</p>