title: Remove multiple html5 data-attributes with jquery
body: <p>So jquery api says the following: </p>
  
  <blockquote>
    <p>Removing data from jQuery's internal .data() cache does not effect any HTML5 data- attributes in a document; use .removeAttr() to remove those.</p>
  </blockquote>
  
  <p>I have no problem removing a single data-attribute.</p>
  
  <pre><code>&lt;a title="title" data-loremIpsum="Ipsum" data-loremDolor="Dolor"&gt;&lt;/a&gt;
  $('a').removeAttr('data-loremipsum');
  </code></pre>
  
  <hr>
  
  <p>The question is, how can I remove multiple data-attributes?</p>
  
  <p>More details: </p>
  
  <ol>
  <li><p>The starting point is that I have <em>multiple</em> ( let's say.. 60 )
  different data-attributes and I want to remove all of them.</p></li>
  <li><p>Preferred way would be to target only those data-attributes that contain the word <code>lorem</code>. In this case <code>lorem</code> is always the first word. (or second if you count <code>data-</code>)</p></li>
  <li><p>Also I'd like to keep all the other attributes intact</p></li>
  </ol>