title: Can mutation observer listen for changes in "data-" attributes?
body: <p>So the problem is that I have an html element which has an object in a "data-" attribute (set via jQuery ofc) and I want to listen to changes in that attribute. </p>
  
  <p>I have already tried a lot of things, like setting almost all possible combination values in the <a href="https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver#MutationObserverInit" rel="nofollow noreferrer">MutationObserverInit object</a>, but none of this help.</p>
  
  <p>Does anybody know if it is possible?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#some-id').click( function() {
    //$('#some-id').attr('title', 'some-title'); //this works
    $('#some-id').data('foo', 'bar1'); //this don't
  });
  
  var functionCallBack = function(mutations) {
    alert('something changed')
  }
  
  // select the target node
  var target = document.getElementById("some-id");
  
  // create an observer instance
  var observer = new MutationObserver(functionCallBack);
  
  // configuration of the observer:
  var config = { subtree: true, childList: true , attributes: true};
  
  // pass in the target node, as well as the observer options
  observer.observe(target, config);
  
  $('#some-id').data('foo', 'bar');</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="some-id"&gt;HEY&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>