ajax联络表单ID，有问题

i have a contact form on http://daniloportal.com/NPC2/contact.html

Now this ajax script works very well, but i have other contact forms that i would like to use the same script for. so when i tried to create mulitple instances of the script, i noticed it stopped working because the ID name is not specifically ajax-contact-form. take a look at the code:

<form id="ajax-contact-form" action="">
  <input type="text" name="name" value="Name *" title="Name *" />
  <input type="text" name="email" value="Email " title="Email *" />
  <input type="text" name="email" value="Email *" title="Email *" />
  <textarea name="message" id="message" title="Message *">Message *</textarea>
    <div class="clear"></div>
  <input type="reset" class="btn btn_clear" value="Clear form" />
  <input type="submit" class="btn btn_blue btn_send" value="Send message!" />
<div class="clear"></div>
   </form>

and heres the JS

$("#ajax-contact-form").submit(function() {
    var str = $(this).serialize();      
    $.ajax({
        type: "POST",
        url: "contact_form/contact_process.php",
        data: str,
        success: function(msg) {
            // Message Sent - Show the 'Thank You' message and hide the    form
            if(msg == 'OK') {
                result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
                $("#fields").hide();
            } else {
                result = msg;
            }
            $('#note').html(result);
        }
    });
    return false;
});

Now if i were to switch that ID name on both and MATCH them, the script stops working- Theoretically it should work- not sure whats wrong with this.

as always any help is appreciated, thanks!

If you are trying to access two elements with the same id with jQuery - nothing gonna happen. Each element must have a unique identifier, otherwise you should use classes.

However, can you give us the markup of another form?