title: Preventing Jquery QueryBuilder from refresh after 'getRules' called
body: <p>I am using Jquery Query Builder inside HTML form </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      ......
      ......   
      var filter_json2 = &lt;%=jsonArray%&gt;;
      console.log(&lt;%=jsonArray.toString()%&gt;);
  
      $(document).ready(function(){
          $('#rule_div').queryBuilder({
              plugins:['bt-tooltip-errors'],
              filters:filter_json2
          });
  
          $('#btn_reset').on('click', function () {
              $('#rule_div').queryBuilder('reset');
          });
  
          $('#btn_set').on('click', function () {
              $('#rule_div').queryBuilder('setRules', rules_basic);
          });
  
          $('#btn_get').on('click', function () {
              var result = $('#rule_div').queryBuilder('getRules');
              if (!$.isEmptyObject(result)) {
                  //alert(JSON.stringify(result, null, 2));
                  $("#jsonRule").val(JSON.stringify(result, null, 2));
                  console.log(result);
              }
          });
  
      });
  
      ......
      ......
  &lt;/script&gt;
  
  
      ......
      ......
      ......
      ......
  
  &lt;form action="/jspfile.do" method="post"&gt;
      ......
      ......
      other fields in form
      ......
      ......
  
  &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;div id="rule_div"&gt;
              &lt;button class="btn_set" id="btn_set"&gt;Set Rules&lt;/button&gt;
              &lt;button class="btn_get" id="btn_get"&gt;Get Rules&lt;/button&gt;
              &lt;button class="btn_reset" id="btn_reset"&gt;Reset&lt;/button&gt;
          &lt;/div&gt;
          &lt;input type="hidden" id="jsonRule" name="jsonRule" value=""&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  
  
  &lt;/form&gt;
  </code></pre>
  
  <p>when I select something from Query Builder and hit get rules button I am getting json rules but page is getting refreshed and whatever I have selected is getting erased..</p>
  
  <p>This is not the case with demo I am referring [<a href="https://querybuilder.js.org/demo.html]" rel="nofollow noreferrer">https://querybuilder.js.org/demo.html]</a></p>
  
  <p>Can anyone please suggest me , How can I prevent selected data from query builder from erasing after refresh?</p>