Javascript/jquery在其他文件中不起作用

我有这个ajax电子邮件订阅功能，它在一个只有一个表单和一个电子邮件输入字段的独立html文件中非常有效，但当我试图将它嵌入其他网站的homapage（具有其他表单元素和脚本）中时，除了"请等待…"消息之外，它就无法工作。

我相信这与引用有关，我对此概念很差，你能告诉我如何解决吗谢谢

<script type="text/javascript">
$(document).ready(function(){
    rclear = $('#s-clear');
    rclear.hide();
    //rclear.hide();
    $('#newsletter-signup').submit(function(){
        //check the form is not currently submitting
        if($(this).data('formstatus') !== 'submitting'){
            //setup variables
            var form = $(this),
                formData = form.serialize(),
                formUrl = form.attr('action'),
                formMethod = form.attr('method'), 
                responseMsg = $('#signup-response');
            //add status data to form
            form.data('formstatus','submitting');
            //show response message - waiting
            rclear.hide();
            responseMsg.hide()
                       .addClass('response-waiting')
                       .text('Please Wait...')
                       .fadeIn(200);
            //send data to server for validation
            $.ajax({
                url: formUrl,
                type: formMethod,
                data: formData,
                success:function(data){
                    //setup variables
                    var responseData = jQuery.parseJSON(data), 
                        klass = '';
                    //response conditional
                    switch(responseData.status){
                        case 'error':
                            klass = 'response-error';
                        break;
                        case 'success':
                            klass = 'response-success';
                        break;  
                    }
                    //show reponse message
                    responseMsg.fadeOut(200,function(){
                        $(this).removeClass('response-waiting')
                               .addClass(klass)
                               .text(responseData.message)
                               .fadeIn(200,function(){
                                   //set timeout to hide response message
                                   setTimeout(function(){
                                       responseMsg.fadeOut(200,function(){
                                           $(this).removeClass(klass);
                                           form.data('formstatus','idle');
                                           rclear.show();
                                       });
                                   },3000)
                                });
                    });
                }
            });
        }
        //prevent form from submitting
        return false;
    });
});
</script>
<div style="background: #9FCBFF;width: 185px;height: 105px" >
<form id="newsletter-signup" action="?action=signup" method="post">
<div>
    <fieldset>
    <p id="signup-response"></p>
        <p id="s-clear"> </p>
       <div> <input type="text" name="email" id="signup-email" /></div>
        <div><input type="submit" id="signup-button" value="Subscribe" /></div>
    </fieldset>
    </div>
</form>
</div>