title: Sticky Table Headers JavaScript not working correctly
body: <p>I am attempting to implement Sticky Table Headers following this JSFiddle: <a href="http://jsfiddle.net/stFcx/1004/" rel="nofollow">http://jsfiddle.net/stFcx/1004/</a> </p>
  
  <p>I changed the code to initialize the 'stickyTableHeaders' to apply to the appropriate table: </p>
  
  <pre><code>$(function(){
      $(".results-table").stickyTableHeaders();
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;table class="results-table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Info&lt;/th&gt;
              &lt;th&gt;Address Info&lt;/th&gt;
              &lt;th&gt;Contact&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="light-bottom-border"&gt;
              &lt;td&gt;
                  &lt;table class="permit-table"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;#:&lt;/strong&gt; &lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;12345&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;Title:&lt;/strong&gt; &lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;Project&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;Status:&lt;/strong&gt; &lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;Open (10/12/2013)&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;table class="address-table"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;Address: &lt;/strong&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;123 La Brea Ave Gotham CA, 91234&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt; #:&lt;/strong&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;1234&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;table class="contact-table"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;Name: &lt;/strong&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;Johnny Barns&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;strong class="dark-green"&gt;Title: &lt;/strong&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;strong&gt;Owner&lt;/strong&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I can tell the plugin is somewhat working as I can see the duplicated header, which is hidden. When I scroll, the duplicated (sticky) header, is still hidden, and thus, does not work. In the working example, the (sticky) header, when scrolling, removed 'display:none' and the original header is hidden.</p>
  
  <p>I do not receive any errors, so I'm unsure what my issue might be. </p>
  
  <p>You can see my issue in this JSFiddle: <a href="http://jsfiddle.net/m9jj68tk/" rel="nofollow">http://jsfiddle.net/m9jj68tk/</a></p>