title: avoid auto-refresh on clicking button
body: <p>I have simple HTML code </p>
  
  <pre><code>&lt;form class="searchbox" action="" &gt;
  &lt;input type="search" placeholder="Search KB" id="SearchField"/&gt;
  &lt;button value="search" id="SearchButton"&gt;&amp;nbsp;&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and simple event listener</p>
  
  <pre><code>$('#SearchButton').on("click",function(events) {
  // your stuff
  alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
  events.preventDefault();
  var bla = $('#SearchField').val();
  console.log("bla")
   var jsonString = JSON.stringify(bla);
    return false;
    });
  </code></pre>
  
  <p>when i click button page keeps refreshing
  when i put this
      
  It doenst run my event listener when i do this</p>
  
  <p>I am not getting where i am going wrong</p>