How to prevent a button to submit?
<p>I am new to jquery/javascript so maybe I am taking a complete wrong path here.</p>

<p>I have a button within my form, and its job is just doing some DOM manipulation. Certainly not submitting the form.</p>

<pre><code>&lt;button id="add_deals_button" class="btn btn-success"&gt;&lt;/button&gt;
</code></pre>

<p>In my js file I have written the following:</p>

<pre><code>$(document).ready(function () {  
  $("#add_deals_button").click(add_deals)
});
</code></pre>

<p>When I click the button, it does the DOM manipulation, but also it sends a POST, hence submits the form.  How do I prevent the button from submitting anything?</p>

<p><strong>UPDATE:</strong></p>

<pre><code>function add_deals(e){
    $('#hidden_deals').clone().attr({'class':'none'}).appendTo('#deal_status tbody')

}
</code></pre>

<p>Thanks,</p>
