title: Adding !important with jQuery
body: <p>I ran into an issue that I can't quite explain. </p>
  
  <p>I wrote a function in in that function I was adding some inline styles to an element:</p>
  
  <pre><code>myEm.css({"margin":"0", "position":"fixed", "top":"50px", "left":"50px"});
  </code></pre>
  
  <p>It worked fine, however I noticed that this element already had some margin set in a CSS file and it used !important, so the only way I would be able to overwrite is by changing my code to</p>
  
  <pre><code>myEm.css({"margin":"0 !important", "position":"fixed", "top":"50px", "left":"50px"});
  </code></pre>
  
  <p>However, when I do that the entire margin attribute is dropped. Seems a bit odd, but after testing I suspect the exclamation mark is a culprit. Do I need to escape it somehow of use an encoded character? What am I missing?</p>