title: jQuery .hide() doesn't hide element
body: <p>When finished parsing the json into the specified span tags I wanted to automatically hide the imperial tags currentimperial and forecastimperial but when I try to do this use</p>
  
  <pre><code>$('#currentimperial').hide();
  
  $('#forecastimperial').hide();
  </code></pre>
  
  <p>and view the result in chrome and look in the console I see that instead of </p>
  
  <pre><code>style="display: none; "
  </code></pre>
  
  <p>they actually have</p>
  
  <pre><code>style="display: inline; "
  </code></pre>
  
  <p>Here is my whole javascript and html on jsBin <a href="http://jsbin.com/efaguv/edit#javascript,html" rel="nofollow">http://jsbin.com/efaguv/edit#javascript,html</a></p>
  
  <p>Thanks for any help I recieve.</p>