title: Set background with value of data attribute
body: <p>I've 16 different <code>section</code>-tags. Every <code>section</code>-tag have a <code>data-</code> attribute to set a specific background-color for each <code>section</code>:</p>
  
  <pre><code>&lt;section data-color="#A3D1B5"&gt;
  </code></pre>
  
  <p>Now I want to set this color as the background. </p>
  
  <p><strong>What i've already tried</strong><br>
  In this question <a href="https://stackoverflow.com/questions/9523197/css-values-using-html5-data-attribute">CSS values using HTML5 data attribute</a> say the answer, it should be possible to set the color like <code>background: attr(data-color);</code> but this won't work for me... </p>
  
  <p>I took a look at <code>jQuery data()</code> but I don't know how to set the background for all of the <code>section</code>-tags.</p>
  
  <p>Any other solutions or tips how to handle this with <code>jQuery data()</code>?</p>