Как отправить форму для fancybox?

Question

Я использую fancybox, чтобы открыть отправленную форму следующим образом:

<form name="form" id="myForm" action="{$smarty.server.PHP_SELF}?action=abc" method="post" target="iframe" onsubmit="document.getElementById('iframe').src='{$smarty.server.PHP_SELF}?action=abc';">    
<input type="hidden" name="xyz" value="123">
<input type="submit" value="REGISTER" id="button" class="button">
</form> 

                $("#button").click(function() {                                            
                $("#iframe").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'fadeIn',
                'transitionOut'     : 'fadeOut'
                }).click();                            
            });

с <input type="submit" value="REGISTER" id="button" class="button"> все есть

работает нормально. но по какой-то причине мне нужно использовать <a href="">REGISTER</a>. Поэтому я попытался

<a href="#" onclick="document.getElementById('myForm').submit();">REGISTER</a>

&

<a href="javascript:document.form.submit();">REGISTER</a>

В вышеупомянутых случаях выдается fancybox, но моя форма не отправляется.

Как мне успешно отправить свою форму в функции клика?

Answer 1

Создайте свою ссылку так:

<a href="#" id="submit_link">REGISTER</a>

И используйте этот код:

$(function(){
  $('#submit_link').click(function(){
    $('#myForm').submit();
    return false;
  });
});