Change SVG path attributes on the fly - Data Driven SVG

Hello,

I'm new to SVG and also new to the forum. I have an SVG file of the
state of Georgia which shows each county. Each county is its own path
with an ID associated to it (see example below). I would like to be able
to change attributes on the fly from my browser and have them stored. I
assume that you would hook a database to the file but I cannot seem to
get traction. Does anyone have any advice on how to achieve this or can
anyone recommend any real working examples? Any help is greatly
appreciated.



<path
     
style="font-size:12px;fill:#ffffff;fill-rule:nonzero;stroke:#000000;stro\
ke-width:1.03440738000000000;stroke-linecap:butt;stroke-linejoin:bevel;s\
troke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:n\
one"
      d="m 300.31666,332.19714 -2.48789,9.98219 -10.52412,7.22181
-7.62888,12.22744 -1.89344,9.46708 -36.40505,-9.33099 8.61961,-22.55957
7.5078,-1.05948 42.81197,-5.94848"
      id="13241"
      inkscape:label="Rabun, GA"
      inkscape:connector-curvature="0"
      onclick="window.open('http://Google.com','_blank');"
      onmouseover="evt.target.setAttribute('opacity', '0.5');"
      onmouseout="evt.target.setAttribute('opacity','1)');" />