title: Change CSS entry using jQuery
body: <p>I have this html.</p>
  
  <pre><code>&lt;div class="menu"&gt;File&lt;/div&gt;
  &lt;div class="menu"&gt;Edit&lt;/div&gt;
  &lt;div class="menu"&gt;Help&lt;/div&gt;
  </code></pre>
  
  <p>And I have this CSS.</p>
  
  <pre><code>.menu { 
      float:left; 
      width:150px; 
      position: relative;
  }
  </code></pre>
  
  <p>For some reason, I need to disable the float:left and position:relative, and return it to "unset" state, <strong>if</strong> I click on a special button. But this code doesn't work.</p>
  
  <pre><code>function doThat() {
      $('.menu').css ( { "float":"", "position":"" } );
  }
  </code></pre>
  
  <p>How can I do this? The problem is this is not an inline CSS. Thanks.</p>
  
  <hr>
  
  <p><strong>EDIT:</strong> so according to the solution works for me from @alexfreiria, I append the answer here.</p>
  
  <pre><code>function doThat() {
      $('.menu').css ( { "float":"inherit", "position":"inherit" } );
  }
  </code></pre>
  
  <p>And this works on IE. Thank you all!</p>