title: jQuery: How do I get an inline style (background-color) from one element and add it to a different element?
body: <p>The background-color is being added to the element dynamically. What I need is to grab the inline style that's applied and add that same rgb background-color and add it to another element with rgba.</p>
  
  <pre><code>&lt;section id="story" style="background-color: rgb(122, 86, 126)"&gt;
   &lt;div class="row main text-center medium-text-left"&gt;
    &lt;div class="small-12 medium-6 large-5 columns photo"&gt;
      &lt;img src="assets/imgs/home/girl-closeup.jpg" alt="Close up of Natalia's face" data-adaptive-background&gt;
      &lt;h2 [Need background-color, but rgba applied here]&gt;Natalia Summers - Age: 9&lt;br&gt;Fight: Lymphoma&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class="small-12 medium-6 large-7 columns story"&gt;
      &lt;h3&gt;Natalia's Story&lt;/h3&gt;
      &lt;p&gt;...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>