title: Add one every time click ADD button
body: <p>NEED HELP!
  How to add one every time I click "Add" button?</p>
  
  <p>The number will increase every time I click.</p>
  
  <p>It's start from 0, after I click it's will plus 1 become 1, then 2 and etc.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="add_form"&gt;
  
      &lt;div class="form-field"&gt;
  
          &lt;div class="field"&gt;
  
              &lt;div class="no"&gt;0&lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;a href="#" id="add_field" class="btn btn-default"&gt;Add &lt;/a&gt;
  &lt;p&gt;&lt;br /&gt;&lt;/p&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code> $(document).ready(function() {
  
      var MaxInputs       = 8;
      var InputsWrapper   = $("#add_form");
      var AddButton       = $("#add_field");
  
      var x = InputsWrapper.length;
      var FieldCount=1;
  
      $(AddButton).click(function (e) {
  
          if(x &lt;= MaxInputs) {
  
              FieldCount++;
  
              $(InputsWrapper).append('&lt;div class="field"&gt;&lt;div class="no"&gt;1&lt;/div&gt;&lt;/div&gt;');
              x++;
  
          }
  
          return false;
  
      });
  
  });
  </code></pre>
  
  <p>My JQuery quite poor, need some help from you guys.</p>
  
  <p>Also, here is the jsfiddle link. </p>
  
  <p><a href="http://jsfiddle.net/fzs77/" rel="nofollow">http://jsfiddle.net/fzs77/</a></p>
  
  <p>Really appreciate your help.</p>