title: jQuery: Find next Element with same class
body: <p>I want the next Element with the same class. So I have a click action on the class
  "calculationContainer". When I click this element, I want to have access of the next element with the class "calculationContainer". But all I tried doesn't work. Maybe someone can help me with this?</p>
  
  <p>I have this HTML Code:</p>
  
  <pre><code>&lt;div class="body"&gt;
      &lt;div class="inner"&gt;
          &lt;div class="calculationContainer"&gt;
              &lt;div class="element"&gt;
                  &lt;input type="text" id="name1"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="body"&gt;
      &lt;div class="inner"&gt;
          &lt;div class="calculationContainer"&gt;
              &lt;div class="element"&gt;
                  &lt;input type="text" id="name2"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="body"&gt;
      &lt;div class="inner"&gt;
          &lt;div class="calculationContainer"&gt;
              &lt;div class="element"&gt;
                  &lt;input type="text" id="name3"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my jQuery:</p>
  
  <pre><code>$('.calculationContainer').on('click', function() {
          var amountCalculationContainer = $(this);
          var nextAmountCalculationContainer = amountCalculationContainer.next('.calculationContainer');  //&lt;- Only finds the div with class "element"
  
  });
  </code></pre>