jQuery function is returning undefined

Question

I want to write a simple function that will display an alert after sending the form, but I'm doing something wrong. Here is my code:

$(function() {

    var alert_container  = $('<div class="alert"></div>');
    var alert = {
        "success": "Success",
        "error":  "Error"
    };

    function show_message(msg) {

        alert_container
            .addClass(msg)
            .append('<p>'+alert.msg+'</p>');

        alert_container.insertBefore($("form")).hide().fadeIn(300);

    }

    $('form').on('submit', function(e) {
        e.preventDefault();
        show_message('success');
    });

});

This code returns to me undefined inside alert box, but if i check console.log(alert.success) returns correct value which is "Success". What am I missing here?

Chris Dixon · Accepted Answer · 2013-12-20 13:56:30Z

5

.append('<p>'+alert.msg+'</p>');

alert.msg does not exist here as it'll try and resolve .msg, not as an array property.

Try: .append('<p>'+alert[msg]+'</p>');

answered Dec 20, 2013 at 13:56

Chris Dixon

9,1777 gold badges38 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery function is returning undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related