title: Only can Click the Button for one time per day
body: <p>I have a  button with numeric values of 100. A total number will be displayed on  the page. When I click on the "Add 100", it will update and display on the page. I want the button to  click only once per day. For example you can't click the button for a second time again. Here's my html code. How can I only make the button clickable once per day? (24 hours)?</p>
  
  <pre><code>   &lt;div&gt;Total : &lt;span id="total"&gt;0&lt;/span&gt;&lt;/div&gt;
     &lt;input class="add" data-amount="100" type="button" value="Add 100" /&gt;
  
  
  $(document).ready(function() {
  $('.add').click(function() {
   $('#total').text(parseInt($('#total').text()) + 
   parseInt($(this).data('amount')));
   });
  })
  </code></pre>