[aleksandr8i]

Привет друзья, помогите понять почему js путаются...

На странице несколько одинаковых скриптов есть вот так он выглядит:

var id_form = 'zakazat-paket';
        var success_msg = '<p>Ваша заявка отправлена</p>';
        function send_widget_form(i){
            $(i).attr('value','Загрузка');
            $.ajax({
                url : $('#'+id_form).attr('action'),
                    type: $('#' + id_form).attr('method'),
                    data: $('#' + id_form).serialize(),
                    success: function(data)
                    {
                        data = $(data).find('.result').text();
                        if (data === success_msg)
                        {
                            $('.result').addClass('good');
                        }
                        else
                        {
                            $('.result').removeClass('good');
                        }
                        $('.result').html(data);
                        $('#btn_send_ajax').attr('value', 'Отправить');
                    }
                });
                return false;
            }

И есть кнопка (инпут) при нажатии по которой выполняется скрипт вот она -

<input id="btn_send_ajax" class="orange_button" type="button" value="Отправить" onclick="send_widget_form($(this));"></input>

Так вот на странице таких скриптов около 5 штук почему-то при нажатии на на на инпут который принадлежит одному скрипту, выполняется другой скрипт, точно такой как вверху только с другим id у Form!?

Как можно сделать что бы при нажатии на инпут выполнялся именно тот скрипт который нужен?
Объясните почему так происходит?