jQuery keeps the last click and sends more data
<p>Can somebody tell me why every time I click on a button where I have a jQuery post function, it sends twice the post, and the next time I press the button, it will send twice as much as the last time and so on? I searched on Google and I found <code>unbind()</code> but it is not working so well, and I don't know what to search on Google for solving this problem.</p>

<pre><code>$(document).ready(function(){
  $("#button").click(function(){
    $.post("includes/document.php",
    function(data) {
      $("#body").html(data);
    });
  });
});
</code></pre>

<p>The html:</p>

<pre><code>&lt;div id="body"&gt;
    &lt;div id="name"&gt;
        &lt;p&gt;Username &lt;/p&gt;
        &lt;input id="nameInput" type="text"&gt;
    &lt;/div&gt;
    &lt;div id="button"&gt;Press Me&lt;/div&gt;
&lt;/div&gt;
</code></pre>
