title: When I change data attr and then access it, I get initial value?
body: <p>Say,</p>
  
  <pre><code>&lt;a id="link-one" href="#" data-status="true"&gt;Anchor&lt;/a&gt;
  </code></pre>
  
  <p>The following code writes "true" on the console:</p>
  
  <pre><code>console.log($('#link-one').data('status'));
  </code></pre>
  
  <p>And, when I change the value like this:</p>
  
  <pre><code>$('#link-one').attr('data-status', 'false');
  </code></pre>
  
  <p>the value changes, and I can see that by inspecting the element with Chrome inspector. Yes, it really is changing.</p>
  
  <p>However, after assigning/changing the value like above and then accessing it again after changes returning me the initial value, not the modified new value. I need to access the current value, that is after changes.</p>
  
  <pre><code>console.log($('#link-one').data('status'));  // writes "true"
  $('#link-one').attr('data-status', 'false');
  console.log($('#link-one').data('status'));  // writes "true" again
  </code></pre>
  
  <p>Am I missing something? Or this is default behavior of jQuery (if yes, how can I achieve what I need)? </p>