title: jQuery live filtering, how do I return entire rows when matched?
body: <p>I'm using the jQuery live filter plugin to make an instant search over a entire table. The plugin works fine but it filters by cell and I'd like to search for an entire row (tr) match instead of just a cell.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h2 class="sub-header"&gt;List of Enabled Alarms&lt;/h2&gt;
              &lt;div id="prefetch"&gt;
                  &lt;input class="typeahead" type="text" placeholder="Alarm name search" id="alarm-search"&gt;
              &lt;/div&gt;
        &lt;div class="table-responsive"&gt;
          &lt;table class="table table-striped" id="alarm-table"&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Id&lt;/th&gt;
                &lt;th&gt;Name&lt;/th&gt;
                &lt;th&gt;Due Date&lt;/th&gt;
                &lt;th&gt;Creation Date&lt;/th&gt;
                &lt;th&gt;Frequency&lt;/th&gt;
                &lt;th&gt;Enabled&lt;/th&gt;
                &lt;th&gt;Actions&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;60&lt;/td&gt;
                      &lt;td&gt;Alarm dev test&lt;/td&gt;
                      &lt;td&gt;29-12-2015&lt;/td&gt;
                      &lt;td&gt;28-12-2015&lt;/td&gt;
                      &lt;td&gt;ExactTime&lt;/td&gt;
                      &lt;td&gt;Enabled&lt;/td&gt;
                      &lt;td&gt;&lt;a href="/alarm/load?id=60" class="btn btn-success" role="button"&gt;Edit&lt;/a&gt; &lt;a href="/alarm/delete?id=60" class="btn btn-danger" role="button"&gt;Delete&lt;/a&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;61&lt;/td&gt;
                      &lt;td&gt;Testing email&lt;/td&gt;
                      &lt;td&gt;05-01-2016&lt;/td&gt;
                      &lt;td&gt;04-01-2016&lt;/td&gt;
                      &lt;td&gt;ExactTime&lt;/td&gt;
                      &lt;td&gt;Enabled&lt;/td&gt;
                      &lt;td&gt;&lt;a href="/alarm/load?id=61" class="btn btn-success" role="button"&gt;Edit&lt;/a&gt; &lt;a href="/alarm/delete?id=61" class="btn btn-danger" role="button"&gt;Delete&lt;/a&gt;&lt;/td&gt;
                  &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>JAVASCRIPT:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('#alarm-table').liveFilter('#alarm-search', 'tbody tr', {
        filterChildSelector: 'tr'
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The result of this code is partial row information. If I write <code>a</code> it returns all cells that match but not entire rows as I expected. I'd like to search only by column <code>name</code> if possible.</p>