title: Find & replace jquery
body: <p>I have this code to give me a rollover on submit buttons, and I'm trying to make it more generic:</p>
  
  <pre><code>$('.rollover').hover(
              function(){ // Change the input image's source when we "roll on"
                  srcPath = $(this).attr("src");
                              srcPathOver = ???????
                  /*need to manipulate srcPath to change from
                  img/content/go-button.gif
                  into 
                  img/content/go-button-over.gif
                  */
                  $(this).attr({ src : srcPathOver});
              },
              function(){ // Change the input image's source back to the default on "roll off"
                  $(this).attr({ src : srcPath});
              }
       );
  </code></pre>
  
  <p>Two things really,</p>
  
  <p>I want to learn how manipulate the <code>srcPath</code> variable to append the text '-over' onto the gif filename, to give a new image for the rollover. Can anyone suggest a way to do this?</p>
  
  <p>Also, can someone tell me if this code could be refined at all? I'm a bit new to jQuery and wondered if the syntax could be improved upon.</p>
  
  <p>Many thanks.</p>