title: Script does not remember to set my div to display none
body: <p>I have a subscription box and I am trying to make an X close button that remembers to not display next time with web storage or cookies. when i click the close button my whole side bar is set to display none. In stead of just id="gfxhsub" .</p>
  
  <p>JavaScript</p>
  
  <pre><code>window.onload = function(){
      document.getElementById('mailclose').onclick = function(){
          this.parentNode.parentNode.parentNode
          .removeChild(this.parentNode.parentNode);
         return false;
      };
  };
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div id="gfxhsub" style="margin: 2em 0.5em; height: auto;"&gt;
  &lt;span id='mailclose'&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/span&gt;
  [newsletter_signup_form id=6]
  &lt;/div&gt;
  </code></pre>