title: CSS - adding !important with variable
body: <p>I want to be able to add an <strong>"!important"</strong> to the height of <strong>#content</strong> on <strong>line 7</strong> of the code below. I need to be able to use the variable <strong>$newHeight</strong> because it needs to stay dynamic.</p>
  
  <p>Does anyone know how I can append an <strong>!important</strong> to this css declaration? I tried using a plus (+) sign to concatenate, but was unsuccessful.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>$(window).resize(function() {
  
      var $windowHeight = $(window).height();
      var $newHeight = $(window).height()-$('#footer').height()-153;
  
      if ($windowHeight &lt; 847){
          $('#content').css("height",$newHeight);         
  }
  
  });
  </code></pre>