title: jQuery count each item and number them 02, 03, 04 except first item text should be "Up Next"
body: <p>I am not great with jQuery, so far this is what i got from checking through stackoverflow and other resources:</p>
  
  <pre><code>var counter = 1;
  $('.next-page .nav-item').each(function () {
  
    if ($(this, ':gt(0)')) {
      $(this).find('.view-title').html('Up Next');
    } else {
      $(this).find('.view-title').html('0' + counter);
    }
    counter++;
  
  });
  </code></pre>
  
  <p>Basically the output should end up like this in the html:</p>
  
  <pre><code>&lt;div class="nav-item"&gt;
    &lt;span class="view-title"&gt;Up Next&lt;/span&gt;
    &lt;span&gt;Kits&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="nav-item"&gt;
    &lt;span class="view-title"&gt;02&lt;/span&gt;
    &lt;span&gt;GUI&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="nav-item"&gt;
    &lt;span class="view-title"&gt;03&lt;/span&gt;
    &lt;span&gt;UI&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="nav-item"&gt;
    &lt;span class="view-title"&gt;04&lt;/span&gt;
    &lt;span&gt;Other&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>