title: Setting the color of text to a parent Div's background color
body: <p><a href="http://jsfiddle.net/EBPg9/2/" rel="nofollow noreferrer">http://jsfiddle.net/EBPg9/2/</a></p>
  
  <p>I'm working on a little project where I have multiple multicolored items, and tags within them.  Instead of specifying my color for both text and background, I'd like to just get the background color of my parent div and assign it to the color of my text.</p>
  
  <p>My current jQuery looks like this:</p>
  
  <pre><code>$(".infobox").each(function() {
       var tagcolor =    $(this).closest('.info').css('background');
       $(this).css('color',tagcolor);
       alert(tagcolor);
  });
  </code></pre>
  
  <p>My HTML is </p>
  
  <pre><code>&lt;div class="info" style="background: #408FCE;"&gt;
      &lt;div class="infobox"&gt;
          tags
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see from my jQuery, I created an alert that will show me the value of the variable "tagcolor", and weirdly it seems to be getting all other unwanted CSS values, even though I specified "Background".  I can't figure out what I'm doing wrong, how can I fix this?</p>
  
  <p>EDIT: Did some reseach here;</p>
  
  <p><a href="https://stackoverflow.com/questions/10205464/whats-the-difference-between-specifying-background-vs-background-color-in">What is the difference between background and background-color</a></p>
  
  <p>Apparantly "background" returns a bunch of different stuff.</p>