title: Simple JS/jQuery multiple increment and decrement buttons
body: <p>I am working on a personal project to help me understand JavaScript and jQuery better. At the moment I'm working on the store part of my project and have run into a wall.</p>
  
  <p>I'm trying to make my buttons increment and decrement the input separately from each other, but it only updates the first input field.</p>
  
  <p>UPDATED-
  HTML:</p>
  
  <pre><code>&lt;div class="item"&gt;
    &lt;div class="panel-body container"&gt;
      &lt;h3&gt;Empanada Gallega&lt;/h3&gt;
        &lt;p&gt;A savory pie stuffed with Gallicain pork and peppers, onion and oregano.&lt;/p&gt;
          &lt;form&gt;
            &lt;div&gt;
              &lt;p class="total-price"&gt;$10.50&lt;/p&gt;
              &lt;div&gt;
                  &lt;input type="button" class="plus-btn plusbtn btn" onclick="plus()"&gt;
              &lt;/div&gt;
  
              &lt;input type="text" value="QTY" id="count"&gt;
  
                  &lt;div&gt;
                    &lt;input type="button" class="minus-btn btn" onclick="minus()"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;
      &lt;div class="panel-body"&gt;
          &lt;h3&gt;Lemon Soda&lt;/h3&gt;
              &lt;form&gt;
                  &lt;div&gt;
                      &lt;p class="price"&gt;$2.00&lt;/p&gt;
                      &lt;div&gt;
                        &lt;input type="button" class="plus-btn plusbtn btn" onclick="plus()"&gt;
                      &lt;/div&gt;
  
                      &lt;input type="text" value="QTY" id="count"&gt;
  
                      &lt;div&gt;
                          &lt;input type="button" class="minus-btn btn" onclick="minus()"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt; 
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code> let count = 0;
   let countEl = document.getElementById("count");
   function plus(){
       count++;
       countEl.value = count;
   }
   function minus(){
     if (count &gt; 1) {
       count--;
       countEl.value = count;
    }  
  }
  </code></pre>
  
  <p>If anyone could help with explaining this to me that would be very helpful.</p>
  
  <p>Update:
  Sorry about the confusion. Forgot to add the second item.</p>
  
  <p>My goal is to increment/decrement the second item separately from the first item.</p>