title: same data-attributes for different element (html5 and jquery)
body: <p>Is it possible to have two elements with the same data-attributes?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="cerchi" class="container"&gt;
  
         &lt;div class="row"&gt;
  
            &lt;div class="col_6 clearleft"&gt;
               &lt;div class="blu" data-link="nadir.php"&gt;
                  &lt;p&gt;1&lt;/p&gt;
               &lt;/div&gt;
            &lt;/div&gt;
  
            &lt;div class="col_6 omega"&gt;
               &lt;div class="arancione" data-link="sole.php"&gt;
                  &lt;p&gt;2&lt;/p&gt;
               &lt;/div&gt;
            &lt;/div&gt;
  
         &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$("#cerchi .col_6 &gt; div").click(function(){
     alert($("#cerchi .col_6 &gt; div").data("link"));           
  });
  </code></pre>
  
  <p>If yes, why if I click on the second "div" the alert gives the result "nadir.php"? instead of "sole.php"? do i something wrong?</p>
  
  <p>Thanks in advance</p>