jQuery function is affecting all buttons on my site
<p>I recently asked my frontend designer to setup buttons in my account management page to send the request in the background to a processing page. He supplied me with this code:</p>

<pre><code> //Account
   $('button#changeemail').click(function(){
       var newEmail = $('input[name*=newEmail]').serialize();
       var confirmEmail = $('input[name*=confirmEmail]').serialize();
       var password = $('input[name*=password]').serialize();
       var data = newEmail + '&amp;' + confirmEmail + '&amp;' password + '&amp;email=true';
       $.post('accountProcess.php', data, function(result){ 
           $('#emailError p').html(result);
       });
   });
   $('button#changepassword').click(function(){
       var currentPassword = $('input[name*=currentPassword]').serialize();
       var newPassword = $('input[name*=newPassword]').serialize();
       var confirmPassword = $('input[name*=confirmPassword]').serialize();
       var data = currentPassword + '&amp;' + newPassword + '&amp;' confirmPassword + '&amp;password=true';
       $.post('accountProcess.php', data, function(result){ 
           $('#passwordError p').html(result);
       });
   });
</code></pre>

<p>However, this immediately ruins all buttons on my site that use a similar setup. When you try to click them or press the enter key to submit, they all do...well... nothing. He's gone offline now and I can't get in touch with him, and I need this urgently. I don't know anything about front end development, so I'm at a loss; I don't even know what further information to provide you. If you tell me, I'll happily provide it ASAP.</p>

<p>Please help me figure out what's wrong.</p>
