title: Giving same classes unique identifyers to stop code repitition
body: <p>I have this JS code</p>
  
  <pre><code>&lt;script&gt;          
  $('.tile').on('click', function () {
  
      $(".tile").addClass("flipOutX");
      setTimeout(function(){
          $('.metro .tile-area-darkCrimson').css('backgroundColor','#4c7fb5');
          $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
      }, 2000);
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The <code>.tile</code> class applies to all the buttons which are all called tile .</p>
  
  <p>Is there any way to introduce a unique identifier without having to repeat this script for every button individually.</p>
  
  <p>This is an example of the tile ref in the html </p>
  
  <pre><code>&lt;a class="tile double bg-tile1color live animated flipInX" data-click="transform"&gt;
  </code></pre>