Uncaught TypeError: Undefined is not a function in JS while using bundling process

Question

while bundling the JS files, i came across the "Uncaught TypeError: Undefined is not a function". I researched in the internet but failed to find the solution. Can someone help me to find out what the problem is?. Here is the unminified JS file. The Error is showing in the below line of code exactly before 'live'.

live('click', function () 

the full js file code is like this

$(document).ready(function () {
    $('.login_link_bg').hover(function () {
        $('.login_hover_outer').fadeIn();
    }, function () {
        $('.login_hover_outer').fadeOut();

    });

    $('a.forgot_pass').click(function () {
        $('.forgot_pass_outer').slideToggle();
    });


    $(".popup_open").live('click', function () {
        var popup_name = $(this).attr("popup");

        var popheight = $(popup_name).height();
        var popWidth = $(popup_name).width();
        var pageWidth = $(document).width();
        var pageHeight = $(document).height();
        var left = (pageWidth - popWidth) / 2;
        $(popup_name).show(); $(".back-popup-layer").show();
        $(".back-popup-layer").css({ "height": pageHeight, "width": pageWidth });   

    });

    $('.close-btn').live('click',function(){
        $('.back-popup-layer').hide();
        $('.main_popup_outer').hide();  
    });

    $("#resend_activation_btn").click(function () {
        $('#spError2').hide();
        spError.innerHTML = "";
        $('input[id$=txtEmail]').val = "";
        $("#resend_activate_box").fadeToggle();
    });

    function toggle_visibility(id) {
        var e = document.getElementById(id);
        if (e.style.display == 'block')
            e.style.display = 'none';
        else
            e.style.display = 'block';
    }


});