title: Bootstrap-Table filterBy Not Working
body: <p>I am trying to do some filtering (using <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow noreferrer">bootstrap-table by wenzhixin</a>) on a table I have being populated via JSON.</p>
  
  <p><strong>Part of HTML:</strong> </p>
  
  <pre><code>&lt;button class="btn btn-primary" id="filterBtn"&gt;Filter&lt;/button&gt;
  
  &lt;div class="container"&gt;
      &lt;table class="table table-bordered table-hover" id="table"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th data-field="make"&gt;Make&lt;/th&gt;
              &lt;th data-field="model"&gt;Model&lt;/th&gt;
              &lt;th data-field="year"&gt;Year&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Part of JS:</strong></p>
  
  <pre><code>// JSON file is input from a successful AJAX call.
  function populateTable(json) {
      $('#table').bootstrapTable({
          data: json
      })
  }
  
  // a button is click in html which calls this function.
  function filterBy(model) {
      console.log("filterBy is called");
      $('#table').bootstrapTable('filterBy', {
          make: [model]
      });
  }
  </code></pre>
  
  <p>The table populates correctly with all the data but once I hit the button I see that <code>filterBy()</code> is called but all that happens is it looks like the page refreshes but all the data in the table is still there like no filtering ever occurred.</p>
  
  <p>I've tried changing <code>make: [model]</code> to <code>make: ["Honda"]</code> just as a test and it still doesn't work. It still performs the same behavior of refreshing the page with all the data still in tact. </p>
  
  <p>Not sure what I am doing incorrectly. </p>