title: ajax form post not loading in div
body: <p>Sorry for the basic question for some reason, when the button is pressed then nothing happens,
  I appreciate any help.</p>
  <p><strong>AJAX</strong></p>
  <pre><code>$(document).on(&quot;ready&quot;, function(){
  //Form action
  $(&quot;#wbForm&quot;).on(&quot;submit&quot;, function(event){
      event.preventDefault();
      $.ajax({
          type:'POST', 
          url: '/pages/games/game-2-ajax.php', 
          data:$('#wbForm').serialize(), 
          success: function(response) {
              $('#contenthere').find('.result').html(response);
          }});
      });
  });
  </code></pre>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div id=&quot;contenthere&quot;&gt;&lt;/div&gt;
  
  &lt;form method=&quot;POST&quot; id=&quot;wbForm&quot; action=&quot;/pages/games/game-2-ajax.php&quot;&gt;
  &lt;input type=&quot;number&quot; class=&quot;form-control&quot; id=&quot;count&quot; style=&quot;height:25px; width:100px;&quot; name=&quot;wager&quot; value=&quot;&quot; min=&quot;00.25&quot; max=&quot;25&quot; step=&quot;00.25&quot; numberFormat=&quot;1.00&quot;&gt;
  &lt;input type=&quot;button&quot; class=&quot;btn btn-light&quot; data-quantity=&quot;.5&quot; value=&quot;/&amp;#x00A;2&quot;&gt;
  &lt;input type=&quot;button&quot; class=&quot;btn btn-light&quot; data-quantity=&quot;2&quot; class=&quot;mnozstvi_sleva&quot; value=&quot;x&amp;#x00A;2&quot;&gt;
  &lt;input type=&quot;submit&quot; id=&quot;bet&quot; class=&quot;btn btn-light&quot; value=&quot;Bet&quot;/&gt;
  &lt;/form&gt;
  </code></pre>