title: button click attaches query string
body: <p>every time I click the submit button the query string(I hope I used the right term) is attached in the url.</p>
  
  <p>i removed the form tag as I thought that was causing it but it it still does it. I also removed the type="Submit" and the same result</p>
  
  <pre><code>here is the html
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row" style="padding-left: 20%; padding-right: 20%;  margin-top: 2%;"&gt;
      &lt;div class="col" id="accordion1" style="padding-bottom: .4%;"&gt;
          &lt;div class="card"&gt;
              &lt;div class="card-header" id="headingOne"&gt;
                  &lt;h5 class="mb-0"&gt;
                      &lt;button class="btn btn-accordions" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"&gt;DIRECT REFERRAL ▼&lt;/button&gt;
                  &lt;/h5&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse" id="collapseOne" aria-labelledby="headingOne" data-parent="#accordion1"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;form&gt;
                          &lt;div class="input-group mb-3"&gt;
                              &lt;input type="number" step="any" id="dirInpt" class="form-control" name="dirInpt" placeholder="Input Amount" value="&lt;?php echo $drctRfrl; ?&gt;"&gt;
  
                              &lt;div class="input-group-append"&gt;
                                  &lt;button class="comSet btn btn-success"&gt;SUBMIT&lt;/button&gt; 
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="card-header" id="headingTwo"&gt;
                  &lt;h5 class="mb-0"&gt;
                      &lt;button class="btn btn-accordions" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"&gt;INDIRECT REFERRAL ▼&lt;/button&gt;
                  &lt;/h5&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse" id="collapseTwo" aria-labelledby="headingTwo" data-parent="#accordion1"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;form&gt;
                          &lt;div class="input-group mb-3"&gt;
                              &lt;input type="number" step="any" class="form-control" name="indirInpt" placeholder="Input Amount" value="&lt;?php echo $indrctRfrl; ?&gt;"&gt;
  
                              &lt;div class="input-group-append"&gt;
                                  &lt;button class="comSet btn btn-success"&gt;SUBMIT&lt;/button&gt; 
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="card-header" id="headingThree"&gt;
                  &lt;h5 class="mb-0"&gt;
                      &lt;button class="btn btn-accordions" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"&gt;TEAM BUILDING BONUS ▼&lt;/button&gt;
                  &lt;/h5&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse" id="collapseThree" aria-labelledby="headingThree" data-parent="#accordion1"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;form&gt;
                          &lt;div class="input-group mb-3"&gt;
                              &lt;input type="number" step="any" id="tbbInpt" class="form-control" name="tbbInpt" placeholder="Input Amount" value="&lt;?php echo $tbb; ?&gt;"&gt;
  
                              &lt;div class="input-group-append"&gt;
                                  &lt;button class="comSet btn btn-success"&gt;SUBMIT&lt;/button&gt; 
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="card-header" id="headingFour"&gt;
                  &lt;h5 class="mb-0"&gt;
                      &lt;button class="btn btn-accordions" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"&gt;COMPANY SUPPORT ▼&lt;/button&gt;
                  &lt;/h5&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse" id="collapseFour" aria-labelledby="headingFour" data-parent="#accordion1"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;form&gt;
                          &lt;div class="input-group mb-3"&gt;
                              &lt;input type="number" step="any" id="tlsInpt" class="form-control" name="tlsInpt" placeholder="Input Amount" value="&lt;?php echo $tls; ?&gt;"&gt;
  
                              &lt;div class="input-group-append"&gt;
                                  &lt;button class="comSet btn btn-success"&gt;SUBMIT&lt;/button&gt; 
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre><code>my js code
  </code></pre>
  
  <pre><code>    $('.ComSet').click(function()
      {
  
          var dirInpt = $('#dirInpt').val();
          var indirInpt = $('#indirInpt').val();
          var tbbInpt = $('#tbbInpt').val();
          var tlsInpt = $('#tlsInpt').val();
  
          var direct = &lt;?php echo $drctRfrl; ?&gt;;
          var indir = &lt;?php echo $indrctRfrl; ?&gt;;
          var tbb = &lt;?php echo $tbb; ?&gt;;
          var tls = &lt;?php echo $tls; ?&gt;;
  
  
  
          if (dirInpt == '' || indirInpt == '' || tbbInpt == '' || tlsInpt == '') 
          {
              $(".adminErrMsg").attr("hidden", false);
  
              var timePeriodInMs = 3000;
              setTimeout(function() 
              { 
                  $(".adminErrMsg").attr("hidden", true); 
              }, 
              timePeriodInMs);
          }
          else
          {
  
              dirInpt = checkNums(dirInpt, direct);
              indirInpt = checkNums(indirInpt, indir);
              tbbInpt = checkNums(tbbInpt, tbb);
              tlsInpt = checkNums(tlsInpt, tls);
  
              alert(dirInpt+"&lt;br/&gt;"+indirInpt+"&lt;br/&gt;"+tbbInpt+"&lt;br/&gt;"+tlsInpt);
  
          }
      });
  </code></pre>
  
  <p>I intended to alert the data to check if both my scripts and function work. I want it not to attach the textbox value into the url and get my alert</p>