title: How to use .off('click') when do like $('.parent').on( 'click' , '.children');
body: <p>When I have multiple divs like...</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;button class="children"&gt;click&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div class="parent"&gt;
      &lt;button class="children"&gt;click&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(Normally, I add this html by using jQuery)</p>
  
  <p>I will my buttons will work only one time per one button</p>
  
  <pre><code>$('.parent').on('click', '.children', function () {
      alert('test');
      $(this).off('click','.children');
  });
  </code></pre>
  
  <p>I have no idea how to <code>.off()</code> click event each button ?</p>
  
  <p><strong>Playground :</strong> <a href="http://jsfiddle.net/AYwhL/" rel="nofollow">http://jsfiddle.net/AYwhL/</a></p>
  
  <p>PS : jQuery 1.9+</p>
  
  <p>PS : I dont want to cancel all button events</p>