Differences between jQuery's hide() and .css('display', 'none')?
<p>I've changed a few pages from using generic JavaScript that sets a CSS style property</p>

<pre><code>element.style.display = "none";
</code></pre>

<p>to jQuery's method</p>

<pre><code>element.hide();
</code></pre>

<p>When the back button is used to return to my page, elements that were hidden using jQuery are no longer hidden. When I use raw JavaScript to set the display, the hidden elements stay hidden when I return to the page.</p>

<p>Is there a workaround to allow jQuery's hide() function to work the same way?</p>
