title: jQuery set cookie in column table show/hide
body: <p>How to set cookie in column table hide/show function? So if user click hide then it will remember the browser that it still hide by cookie function when we refresh the page.</p>
  
  <p>Function hide </p>
  
  <pre><code>function hideCol(columnClass){
        $('table .'+columnClass).each(function(index) {
          $(this).hide();
        });
  
        $('ul#hiddenCols').append('&lt;li id="'+columnClass+'"&gt;&lt;a href="javascript:;" onclick="showCol(\''+columnClass+'\');"&gt;Show '+columnClass+'&lt;/a&gt;&lt;/li&gt;');
      }
  </code></pre>
  
  <p>Function show</p>
  
  <pre><code>function showCol(columnClass){
        $('table .'+columnClass).each(function(index) {
          $(this).show();
        });
  
        $('li#'+columnClass).remove();
      }
  </code></pre>
  
  <p>Please help to advice.</p>