title: Change Rel attribute value
body: <p>I have a page with multiple occurrences of an  element with class of .gal_link, such as </p>
  
  <pre><code>&lt;a href="" rel="shadowbox[gallery32];height=545;width=805" title=""&gt;Blah Blah&lt;/a&gt;
  </code></pre>
  
  <p>What I am trying to do is find all occurrences of this on the page, and update the height and width to something like </p>
  
  <pre><code>&lt;a href="" rel="shadowbox[gallery32];height=345;width=605" title=""&gt;Blah Blah&lt;/a&gt;
  </code></pre>
  
  <p>I would imagine this should be easy but after searching high and low I can not find a straight forward way to do this. Any help would be appreciated.</p>
  
  <p>I was able to alert the rel for each link upon a click but can't see how to change attribute values once the page has loaded.</p>
  
  <pre><code>$('.gal_link').click(function(){
      var rel = $(".gal_link").attr('rel');
      alert(rel);
  });
  </code></pre>
  
  <p>Again thanks. </p>