title: jquery: why can I only get the first data attribute?
body: <p>I have the following jQuery: </p>
  
  <pre><code>var status = $('meta').data('status'), 
      id = $('meta').data('id'), 
      details = $('meta').data('details');           
      console.log(status, id, details);
  </code></pre>
  
  <p>and the following HTML, </p>
  
  <pre><code>&lt;head&gt;
      &lt;meta data-status="stopped" &gt; 
      &lt;meta data-id="0001" &gt;
      &lt;meta data-details="Example details" &gt;
  </code></pre>
  
  <p>and only the <code>status</code> variable is printed to console and the <code>id</code> and <code>details</code> variables are printed as 'undefined'. But if I rearrange the meta tags to: </p>
  
  <pre><code>&lt;head&gt;
          &lt;meta data-id="0001" &gt;
          &lt;meta data-status="stopped" &gt; 
          &lt;meta data-details="Example details" &gt;
  </code></pre>
  
  <p>Then only the <code>id</code> variable will print to console. </p>
  
  <p>What am I missing? </p>