title: Change/increase variable-value for load-url in onclick fuction
body: <p>I have a load more button on my page</p>
  
  <pre><code>&lt;a class="btn btn-link border-top px-3 mt-5" role="button" id="reveal"&gt;Load more&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>And an onclick function that loads content inside this div:</p>
  
  <pre><code>&lt;div id="ajax-content" class="row m-0"&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>The script works and loads more content every time I click the button:</p>
  
  <pre><code>&lt;script&gt;
  $('#reveal').on('click', function() {
    $('#ajax-content').load('/wp-content/themes/template/ajax-news.php?offset=4');
    $('#ajax-content').attr('id', '#ajax-contented');
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>But I need the offset-variable to increase by 4 every time I click it, so the content that loads is not the same. Hope anyone can point me to the right direction to make this work.</p>