Как отменить отправку кнопки с помощью jQuery

Question

Когда я использую функцию ввода в jQuery UI, при нажатии кнопки она отправляет / обновляет всю веб-страницу.Как я могу остановить / отменить весь веб для перезагрузки?

<input style='width:65px;' type='button' class='ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all Bags' id='Buy' name='".$idn."' value='Buy Bags'>

Было ли это что-то вроде:

$('.Bags').click(function(){
    var $a = $(this).val();
    var $b = $(this).attr('id');
    var $c = $(this).attr('name');
    /* input/button is the issue, how do i stop the form from refreshing? */
});

Заранее спасибо!

РЕДАКТИРОВАТЬ

Изучив несколько вещей здесь / там, нашел другой простой способ сделать это, хотя некоторые могут не согласиться, но это пока работает:

<input style='width:65px;' type='button' class='Bags' id='Buy' name='".$idn."' value='Buy Bags' onclick='return false;'>

Добавляя " onClick = 'return false;'"остановит обновление / перезагрузку формы.

Answer 1

Предполагается, что .Bags имеет действие отправки (что в вашем случае не делает, так что в программеестиести не требуется:

$('.Bags').click(function(e){
    var $a = $(this).val();
    var $b = $(this).attr('id');
    var $c = $(this).attr('name');
    .ajax(blah blah blah); (this one I know - input/button is the issue)
    e.preventDefault(); // prevents default
    return false; // also prvents default (i like to add both but just the e.preventDefault is required :) )
});