Jquery class wont detect from $.get page

Question

    //next.php//////////////////////////////////////////////
    <script>
    $(document).ready(function(e) {
        $('a').click(function(){
            $.get('/next.php', function(data){
                $('#container').append(data);
            });
        });

         $('.btn').click(function(){
             alert();
         });
    });
    </script>

    <a>GET</a>
    <div id="container"></div>

    //next.php//////////////////////////////////////////////
    <input type="button" class="btn" />

I have a page use $.get and append the data from another page. my problem is in my first page, i have script .btn click - alert();

its not working from those button get from another page.

possible duplicate of [jQuery - Click event doesn't work on dynamically generated elements](http://stackoverflow.com/questions/6658752/jquery-click-event-doesnt-work-on-dynamically-generated-elements) — Ram, Jan 26 '14 at 04:11

score 1 · Accepted Answer · answered Jan 26 '14 at 04:12

Setting an event using $.on or aliases like $.click only sets them for elements currently on the page. Use delegate to set events for current and future elements. More info: http://api.jquery.com/delegate/

$("body").delegate(".btn", "click", function(){
         alert();

Jquery class wont detect from $.get page

1 Answers1