title: Having trouble displaying each loop result on different objects
body: <p>Hi I was trying to create a jquery script where I can generate and add a class id by combining the current class plus the iterated result on the <code>each</code> function of jquery now the problem is the it does add the current class plus the number but the result looks like this 
  <img src="https://i.stack.imgur.com/vBvhN.png" alt="firebugresult"></p>
  
  <p>Which I had in mind was something like this </p>
  
  <pre><code>   &lt;a&gt;&lt;p class="lbls chs0"&gt;1000&lt;/p&gt;&lt;/a&gt;
     &lt;a&gt;&lt;p class="lbls chs1"&gt;4000&lt;/p&gt;&lt;/a&gt;
     &lt;a&gt;&lt;p class="lbls chs2"&gt;6000&lt;/p&gt;&lt;/a&gt;
  </code></pre>
  
  <p>is this possible? </p>
  
  <p>This is what i have tried so far</p>
  
  <pre><code>  $(document).ready(function(){
          $("#qs").find(".chs").each(function(i,obj){
               $(".chs").addClass("chs"+i);
          });
  
    });
  </code></pre>
  
  <p>I'm new to jquery so I dont have that much knowledge on jquery any help would be appreciated  </p>