title: How to set data attribute with Jquery?
body: <p>I am trying to change data-progress with jquery by</p>
  
  <p>doing this </p>
  
  <pre><code>$("#changeme").data('progress','100');
  </code></pre>
  
  <p>I've also tried</p>
  
  <pre><code>$("#changeme").attr('data-progress','100');
  $("#changeme").prop('data-progress','100');
  </code></pre>
  
  <p>It will not work and I do not know what to do. </p>
  
  <pre><code>&lt;div id="changeme" style="padding-left:10px;" class="tox-progress" data-size="120" data-thickness="8" data-progress="23" data-color="#229922" data-background="aqua" data-speed="500"&gt;
      &lt;div class="tox-progress-content" data-vcenter="true"&gt;
          &lt;p style="padding-left:40px;padding-top:10px;"&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>UPDATE: I really appreciate all your help, but I've tried everything suggested and still will not update it. It is a circular progress bar and data-progress tells it how much to fill up. It will not change from its initial value that I set in the beginning.</p>
  
  <p>UPDATE 2: I fixed it! I forgot about the script that activates the circular progress bar which was in the header and being loaded before document.ready. Thanks for your help everyone!</p>