title: Remove filter from table (JS)
body: <p>I have table to filter</p>
  
  <p>Here is table</p>
  
  <pre><code>&lt;table id="table" class="table" style="width: 100%"&gt;
  
              &lt;tbody id="findings" style="overflow-y: scroll;"&gt;
              @foreach (var item in Model)
              {
                  &lt;tr&gt;
                      &lt;td class="point"&gt;
                          @(rowNo += 1)
                      &lt;/td&gt;
                      &lt;td style="display: none" id="patientId" class="title"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Patient_id)
                      &lt;/td&gt;
                      &lt;td class="title"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Start_appointment)
                      &lt;/td&gt;
                      &lt;td id="nameVal" class="title"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Patient.Name)
                      &lt;/td&gt;
                      &lt;td id="nameVal" class="title"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Doctor.First_Name)
                      &lt;/td&gt;
                      &lt;td class="title"&gt;
                          &lt;img src="@item.Calculation.CalculationStatus"/&gt;
                      &lt;/td&gt;
                      &lt;td class="title" style="display:none" id ="status"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Calculation.Status)
                      &lt;/td&gt;
                      &lt;td class="title"&gt;
                          &lt;img style="width: 30px; height: 30px;" class="masters_data" src="~/images/icons8-Document-30.png"/&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              }
              &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>I want to filter it by button pressing. </p>
  
  <p>So I wrote this method</p>
  
  <p>Here is code of method:</p>
  
  <pre><code> $('.not-filled-button').click(function() {
      statusFilter(this);
  });
  
  
  function statusFilter(element) {
      var $rows = $('#findings tr');
      var status = $.trim($(element).get(0).id).toLowerCase();
      $rows.show().filter(function() {
          var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
          return !~text.indexOf(status);
      }).hide();
  }
  </code></pre>
  
  <p>Filtering is working good.</p>
  
  <p>But I want to clear all filters and show all data as before filter.</p>
  
  <p>How I can remove filter by js?</p>
  
  <p>Thank's for help.</p>