title: Function to remove background-images for an element and all its children via javascript
body: <p>I would like to remove all CSS background images for a given element and <em>all</em> of its children with Javascript. This question is sort-of a spin off on <a href="https://stackoverflow.com/questions/4017884/how-to-remove-jquery-ui-widget-styles-and-keep-the-functionality">another question</a> I asked.  The end goal is the same, to skin jQuery UI widgets.</p>
  
  <p>I am currently using <a href="http://www.jquery.com" rel="nofollow noreferrer">jquery</a>/<a href="http://www.jqueryui.com" rel="nofollow noreferrer">jquery-ui</a> if any of would use these to solve the problem.  </p>
  
  <p>Any ideas?</p>
  
  <h2>bonus:</h2>
  
  <p>It would be wonderful to be able to remove background images for different jquery-ui states, BUT i've all but resolved myself to overriding these bg images via CSS.  </p>
  
  <p><strong>EX:</strong> ui-state-hover, ui-state-active both have background images associated with them.</p>
  
  <h2>or</h2>
  
  <p>Please let me know if you think any kind of programmatic style overrides should not be done this way (please supply your reasoning).</p>