title: HTML Label name instead of ID?
body: <p>I am making website where I am created a lot of labels that are assigned in output as here</p>
  
  <p><strong>Use fiddle link at the end of the post</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- lets say that I want to make a kind of board to show some game clans or... whatever --&gt;
  
  &lt;label class='team' name='ally'&gt;Madcowz&lt;/label&gt;&lt;BR&gt;
  &lt;label class='team' name='ally'&gt;Fluffy Unicorns&lt;/label&gt;&lt;BR&gt;
  &lt;label class='team' name='enemy'&gt;Blue bastards&lt;/label&gt;&lt;BR&gt;&lt;BR&gt;
  
  &lt;b&gt;JS stuff:&lt;/b&gt;
  &lt;div id='printSomeOutputHere'&gt;&lt;/div&gt;
  
  &lt;!-- The problem is that the NAME tag does not exist for label in this case: --&gt;
  &lt;!-- I can't use ID because ID should be unique values --&gt;
  &lt;script&gt;
  var teams = $(".team");
  for(i=0; i&lt;teams.length; i++)
  {
      document.getElementById('printSomeOutputHere').innerHTML += teams[i].name + ": " + teams[i].textContent;
      document.getElementById('printSomeOutputHere').innerHTML += "&lt;BR&gt;";
  }
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Fiddle:
  <a href="http://jsfiddle.net/cusnj74g/" rel="nofollow">http://jsfiddle.net/cusnj74g/</a></p>
  
  <p>name attribute is undefined, so how can I mark these labels with same name if I can't use (I can, but I should not) ID</p>