title: replace attributes values in particular element through jquery
body: <p>i am creating svg chart which contains so many elements like rectangle,path,circle,line etc..
  am creating the element by passing json options as well as element where am going to append refer below code.</p>
  
  <pre><code> this.svgLink = "http://www.w3.org/2000/svg";
  
  
  drawPath: function (options, element) {
          var path = document.createElementNS(this.svgLink, "path");
          $(path).attr(options).appendTo(element);
  
      },
  
      drawLine: function (options, element) {
          var path = document.createElementNS(this.svgLink, "line");
          $(path).attr(options);
          $(path).appendTo(element);
  
      },
  
      drawCircle: function (options, element) {
          var circle = document.createElementNS(this.svgLink, "circle");
          $(circle).attr(options).appendTo(element);
      },
      drawEllipse: function (options, element) {
          var ellipse = document.createElementNS(this.svgLink, "ellipse");
          $(ellipse).attr(options).appendTo(element);
      },
  </code></pre>
  
  <p>am passing the options like below code.</p>
  
  <pre><code>var rectOptions = {
              'id': this.svgObject.id +'_ZoomArea', 'x': x, 'y': y, 'width': width, 'height': height,
              'fill': 'rgba(69,114,167,0.25)', 'stroke-width': 1, 'stroke':'rgba(69,114,167,0.25)','clip-path': 'url(#' + this.svgObject.id +'_ChartAreaClipRect)'
          };
  </code></pre>
  
  <p>now i want to pass some other options for particular element which was created already instead of creating again just want to replace the attribute values with new values just like $.extend in jquery.</p>
  
  <p>how can i replace the attributes values with new values ?</p>
  
  <p>Thanks,</p>
  
  <p>Siva</p>