title: Remember jQuery Tablesorter drop-down selection using jQuery Cookie?
body: <p>I'm using two jQuery Tablesorter drop-downs to filter results of a dynamically-generated table. When a name in either drop-down is selected, only results containing that name will show. </p>
  
  <p>What I want is for jQuery Cookie to remember the last selected filter option for each drop-down before the page was reloaded. If the name "Alaina " (seen in the attached picture) was the selected option for the "Assigned to" drop-down before the user left the page, I want "Alaina" to be the default option when the user goes back to the page. </p>
  
  <p>Currently when the page loads, the default "Filter" selection is loaded, and thus no results are filtered. </p>
  
  <p>The output of the drop-down for the "Assigned to" column (the drop-down for the "Expeditor" column has the same structure, only its <code>id</code> is <code>msdrpdd20</code> instead of <code>msdrpdd21</code>):</p>
  
  <pre><code>&lt;td&gt;
    &lt;div id="msdrpdd21_msddHolder" class="ddOutOfVision"&gt;
      &lt;select id="msdrpdd21" class="tablesorter-filter" data-column="3" tabindex="-1"&gt;
        &lt;option value=""&gt; … &lt;/option&gt;
        &lt;option value="(none)"&gt; … &lt;/option&gt;
        &lt;option value="Alaina"&gt; … &lt;/option&gt;
        &lt;option value="Alyssa"&gt; … &lt;/option&gt;
        &lt;option value="Felicita"&gt; … &lt;/option&gt;
        &lt;option value="Luciana"&gt; … &lt;/option&gt;
        &lt;option value="Rachel"&gt; … &lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
    &lt;div id="msdrpdd21_msdd" class="dd ddcommon borderRadius" tabindex="0"&gt;
      &lt;div class="ddTitle borderRadiusTp"&gt;
        &lt;span id="msdrpdd21_title" class="ddTitleText "&gt;
          &lt;span class="ddlabel"&gt;
            (none)
          &lt;/span&gt;
          &lt;span class="description" style="display: none;"&gt;&lt;/span&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;input id="msdrpdd21_titleText" class="text shadow borderRadius" type="text" autocomplete="off" style="display: none;"&gt;&lt;/input&gt;
      &lt;div id="msdrpdd21_child" class="ddChild ddchild_ border shadow" style="display: none;"&gt;
        &lt;ul&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_ selected"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
          &lt;li class="enabled _msddli_"&gt; … &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/oBfmC.jpg" alt="enter image description here"></p>
  
  <p><strong>EDIT</strong> (07/29/13): Screenshot of Nev's cookie:</p>
  
  <p><img src="https://i.stack.imgur.com/kjS2z.jpg" alt="enter image description here"></p>
  
  <p><strong>EDIT</strong> (08/01/13): Screenshot of Nev's revision:</p>
  
  <p><img src="https://i.stack.imgur.com/6TE88.jpg" alt="enter image description here"></p>
  
  <p>Filtering of results (via <a href="http://mottie.github.io/tablesorter/docs/#Widget-options" rel="nofollow noreferrer">Tablesorter Filter</a>):</p>
  
  <pre><code>$( '#todo-list' ).tablesorter( {
      widgets: ["filter"],
      widgetOptions : {filter_reset : '.reset'}
  } );
  </code></pre>