title: Prevent execution of js code on click from other function
body: <pre><code>$(document).on('click', '.add-button-prototype', function(){
              if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') {
                  return false;
              }
          });
  </code></pre>
  
  <p>Example 1 catch click event for all new added element with given class, but not prevent execution of the code.</p>
  
  <pre><code>    $('.add-button-prototype').click(function(e){
          if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') {
              return false;
          }
      });
  </code></pre>
  
  <p>Second example work only for loaded element with given class and not for new added after init of page. But it prevent execution of the code.</p>
  
  <p>How to catch all element of same class, old and newly added and prevent execution of code if condition are true;</p>