Не работает ajax кнопка "Пересчитать" с помощью jquery.form.js

#
Не работает ajax кнопка "Пересчитать" с помощью jquery.form.js
Здравствуйте! Нашел на форуме тему,где человеку посоветовали использовать jquery.form.js
Я тоже все подключил вот так:

Это в head

<script src="http://malsup.github.com/jquery.form.js"></script>   
<script>        
     $('#myform').ajaxSubmit({
         success: function(data)
      {
         alert(data);
      }
      });
</script>


Это корзина:
<form id="myform" action="{/shop/url}cart/" method="post">
               <!-- Если есть товары -->
               <xsl:if test="count(shop_cart[postpone = 0]) > 0">
                  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                     
                     <p class="cart_title">Оформление заказа</p>
                     <p id="message">Для оформления заказа, нажмите «Оформить заказ».</p>
                     
                     <!--<xsl:call-template name="tableHeader"/>-->
                     <xsl:apply-templates select="shop_cart[postpone = 0]"/>                  
                     <xsl:call-template name="tableFooter">
                        <xsl:with-param name="nodes" select="shop_cart[postpone = 0]"/>
                     </xsl:call-template>
                  </div>
               </xsl:if>            
            </form>


Сам сабмит в шаблоне:
<xsl:template name="tableFooter">
         <xsl:param name="nodes"/>      
         <div class="row table-cart">         
            <div class="col-xs-12 col-sm-12 col-md-11 col-lg-11" style="border: 1px dotted; padding: 10px; text-align: center;">
               <div class="actions">
                  <button class="button btn-cart" type="submit" name="recount" value="recount" style="background-color: rgb(45, 195, 232) ! important; border: 0px none; cursor: pointer; overflow: visible; padding: 10px;width: 100%;">
                     <i class="fa fa-retweet bg-color5"></i>
                     <span class="bg-color4" style="color: rgb(255, 255, 255); text-align: center; white-space: normal; font-weight: bold; text-transform: uppercase; padding: 5px;">
                        <span>Пересчитать</span>
                     </span>
                  </button>
               </div>
            </div>         
         </div>
      </xsl:template>


Повесил id на форму, но при нажатии на "Пересчитать" у меня все равно страница перезагружается. Что не так? В консоли ошибок нет.
#
Re: Не работает ajax кнопка "Пересчитать" с помощью jquery.form.js
pd-art,
а если так
<script>        
$('#myform').submit(function() {
   $(this).ajaxSubmit({
      success: function(data)
      {
         alert(data);
      }
   });

   return false;
});
</script>
www.morozovpimnev.ru - создание, поддержка и продвижение сайтов | Наш канал https://asmp.su/channel
Авторизация