bootstrap modal issues with jquery

Vote count:

0

I have a link when clicked upon opens up a bootstrap modal with a form :

<a href="#number_form_1" role="button" data-toggle="modal" style='color:white' id="schedule">Click To Fill</a>

The issue is i want to trigger the modal via Jquery and not like this . So when i change the above link to a button as below :

<button id="form1" role="button" data-toggle="modal">Click To Fill</button> 

And user jquery inside document.ready as below :

$("#form1").click(function(){

            $('#number_form_1').modal('show');
        });

The popup does not work . I have tried everything possible to figure out the issue but it just doesnt work . I have even alerted something after $("#form1").click(function(){ and it worked but the modal doesnt .

Please advice .

asked 26 secs ago

user1411837

183

bootstrap modal issues with jquery