title: Fade the color of a custom SVG using Javascript/jQuery on hover
body: <p>I am trying to customize a color of an SVG depending on certain variables.  To make it easy to understand, I want to be able to fade the color of an SVG on hover using jQuery.  I have created a custom SVG and am linking it in</p>
  
  <p>I've embedded the SVG via <code>&lt;object&gt;</code> but am unsure of where I am able to change the color of the SVG.  I am using <code>&lt;object&gt;</code> because It is apparently more compatible with more browsers.   (If there is a better way, please let me know).</p>
  
  <p><code>&lt;object class="nav_ico" id="nav_ico-collective" type="image/svg+xml" data="global/images/nav_ico-collective.svg"&gt;&lt;/object&gt;</code></p>
  
  <p>Is there any way to </p>
  
  <ol>
  <li>Change the color of the SVG</li>
  <li>Animate that color to another one?</li>
  </ol>
  
  <p>I am already using jquery-color.js and I assume I will have to use another plugin just to talk to the SVG.</p>
  
  <p>Any ideas?</p>