submit() function not working

Question

I have the following code for which submit() function just don't work. I know i am missing something very simple but i am unable to figure it out.

HTML

 <form id="form" method="post" action="/url/">
 <input type="hidden" name="hidden" value="hidden">
 </form>
 <span id="diagnose"><i class="fa fa-chevron-right"></i></span>
 <script type="text/javascript">
 $(document).diagnose();
 </script>

Jquery

(function( $ ){
$.fn.diagnose = function(){
 $("#diagnose").click(function(){
 //window.location.href = "/url"; //This works
 ('#form').submit(); // This doesn't
 });
};
}( jQuery ));

• Elena: Should be $('#form').submit();, you forgot $
• chaitanya90: ohh yess!! i knew this would be something this silly.
• chaitanya90: how did i miss that.

Answer 1

I think you're missing the $ in front of the ('#form') selector...

Answer 2

There are two options

• remove # and add document.getElementById('form').submit(); for pure javascript
• add $ $('#form').submit(); for jQuery

Answer 3

u forgot something :

('#form').submit(); // This doesn't

try to add $.