title: Jquery change HTML of multiple elements if their html is above current number
body: <p>Alright so i'm creating a quiz where I'm dynamicly adding content but also removing it when needed. </p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div class="well"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" name="quizName" class="form-control" placeholder="Quiz name" aria-describedby="basic-addon1"&gt;
          &lt;/div&gt;
          &lt;hr/&gt;
          &lt;button id="add-tab" type="button"&gt; Add Question&lt;/button&gt;
          &lt;div id="tabs"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#tabs-1" class="ActiveQuestion"&gt;1&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div id="tabs-1" class="questionsList"&gt;
                  Question: &lt;input type="text" placeholder="What's your question?" name="question[]"/&gt;&lt;br/&gt;&lt;br/&gt;
                  &lt;input type="text" class="question" name="awnser[1][]" placeholder="1st awnser"/&gt;
                  &lt;input type="checkbox" name="correct_awnser[1][]" value="1"/&gt;
                  &lt;br/&gt;
                  &lt;br/&gt;
                  &lt;input type="text" class="question" name="awnser[1][]" placeholder="2nd awnser"/&gt;
                  &lt;input type="checkbox" name="correct_awnser[1][]" value="2"/&gt;
                  &lt;br/&gt;
                  &lt;br/&gt;
                  &lt;input type="text" class="question" name="awnser[1][]" placeholder="3rd awnser"/&gt;
                  &lt;input type="checkbox" name="correct_awnser[1][]" value="3"/&gt;
                  &lt;br/&gt;
                  &lt;br/&gt;
                  &lt;input type="text" class="question" name="awnser[1][]" placeholder="4th awnser"/&gt;
                  &lt;input type="checkbox" name="correct_awnser[1][]" value="4"/&gt;
                  &lt;br/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;button value="Save quiz" type="submit"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is my Jquery:</p>
  
  <pre><code>function checkNumbers(number){
      $( "#tabs li a" ).each(function() {
          var curreId = $(this).attr("id").split('id-');
          console.log(curreId[1]);
          if(curreId[1] &gt; number){
              console.log(" TRUE");
              console.log("New number: "+(curreId[1] - 1));
              $("#tabs ul li ").html((curreId[1] - 1));
  
              $(this).filter(function() {
                  return $(this).html() == (number);
              }).html(curreId[1] - 1);
          }
      });
  }
  </code></pre>
  
  <p>I'm using Jquery tabs which contain the question number (1,2,3,4)</p>
  
  <p>When you remove the 2nd question the list would be: 1 - 3 - 4, I want to change this to 1 - 2 - 3 again. How can I achieve this with Jquery?</p>