title: Internet explorer jquery + SVG
body: <p>i have a little script on jQuery that is suposed to get the value of certain SVG element and store it on a hidden input. Finally, it adds a class that changes the SVG element opacity.</p>
  
  <p>The problem is that it doesn't work at all on IExplore (no wonder). Here's the script:</p>
  
  <pre><code>    $(function() { 
          $("#diagnostic svg g").click(function(e){
              e.preventDefault();
  
              console.log($(this));
  
              $("#location").val($(this).attr("id"));
  
  
              $(this).parent().find("g").each(function(){
                  $(this).removeAttr("active");
              });
              $(this).attr("active","active");
          });
      });
  </code></pre>
  
  <p>and the css definitions:</p>
  
  <pre><code>#diagnostico svg g { opacity: 0; }
  #diagnostico svg g:hover,
  #diagnostico svg g[active="active"] { opacity: 1; }
  </code></pre>
  
  <p>is there any way to fix it for IE?</p>
  
  <p>Thanks :-)</p>