title: I want to hide an element permanently (Or Certain period) using jQuery
body: <p>I want to remove a DIV permanently when use click on <strong>Hide</strong>
  I have tried using jquery <strong>hide()</strong> but it appears automatically when they reload the web browser.</p>
  <h1>Here is my JavaScript Code:</h1>
  <pre><code>jQuery(document).ready(function () {
      jQuery(&quot;.word-meaning-footer&quot;).click(function(){
          jQuery(this).parent(&quot;.word-meaning-item&quot;).hide();
      });
  });
  </code></pre>
  <p><strong>Here is my HTML Markup:</strong></p>
  <pre><code>&lt;div class=&quot;word-meaning-item&quot;&gt;
       &lt;h2 class=&quot;meaning-title&quot;&gt; &lt;span&gt; 101. &lt;/span&gt; Always &lt;/h2&gt;
       &lt;p class=&quot;word-meaning-footer&quot;&gt; Hide &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>