title: Create multiple textareas in a loop with different ids
body: <p>I create the checkout page of an eshop and I have a loop in which I display the products that the user has added to the cart. Inside the loop, I display the info for the products I have a text area so the user can choose the quantity of each product. The problem is that the id of each text area must be unique. How can I create many textareas in a loop with different ids?</p>
  
  <p><strong>textarea:</strong> </p>
  
  <pre><code>&lt;form name='txtAreaForm' method='GET'&gt;
    &lt;textarea disabled name='textArea' id='counter'&gt;&lt;/textarea&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Also, I have two buttons (+-) to change the value of the textarea, this is the .js file:</p>
  
  <pre><code>var counter = 1;
  
  // Display total
  $("#counter").text(counter);
  
  // When button is clicked
  $("#plusButton").click(function(){
      counter = counter + 1;
      $("#counter").text(counter);
  });
  
  
  //Subtract
  $("#minusButton").click(function(){
      if (counter&gt;1) {
          counter = counter - 1;
          $("#counter").text(counter);
      }
  });
  </code></pre>