title: changing stroke-opacity of <svg> object's path
body: <p>In short - I am trying to change the stroke-opacity of a path within an  by hovering over one of the titles to the left (you'll see the 'presidio' title has a link to it)
  none of the JQuery/javascript answers I've seen so far are working.</p>
  
  <p>the latest snippet I've tried is:</p>
  
  <pre><code>d3.select('.presidio').on('mouseover', function(){
    console.log('hey!');
    var object = document.getElementById("presidio");
    object.setAttribute("stroke-opacity", 1);
  });
  </code></pre>
  
  <p>the svg is huge so pasting it here would take a million years to read. but if you care to inspect the svg element here: <a href="http://www.petegetscreative.com/hoods/hoods.html" rel="nofollow">http://www.petegetscreative.com/hoods/hoods.html</a></p>