title: jQuery: need I an "each" for every "click" item?
body: <p>having </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/* 1 */
  $("div").click(function(e) {
    alert(".click() called on '" + e.currentTarget.id + "'");
  });
  
  /* 2 
  $("div").each(function(){
      $(this).click(function(e) {
        alert(".click() called on '" + e.currentTarget.id + "'");
      });
  });
  */</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="target 1"&gt;
    The Target One
  &lt;/div&gt;
  &lt;div id="other 2"&gt;
    The Target TWO
  &lt;/div&gt;</code></pre>
  </div>
  </div>
   </p>
  
  <p>What is the difference between the two functions <code>1</code> and <code>2</code>, knowing that the result is the same?!...</p>