Radio button click event not firing for the first time in Firefox

Question

Radio button click event not firing for the first time,but firing on second click in firefox, but it works well in IE, Chrome:

if ($("#div-1").children().length == 1 && $("#div-1").find(':radio').length >= 1) {

    $("#done-button").hide();

    $("#div-1").find(':radio').on("click", function () {

        console.log("clicked");

        $("#done-button").click();

    });

}

Answer 1

You can try using:

$('input:radio') 

// or $("input[type='radio']")

Suggestion from jQuery docs

It is recommended to precede :radio with a tag name or some other selector; otherwise, the universal selector ("*") is implied. In other words, the bare $( ":radio" ) is equivalent to $( " *:radio" ), so $( "input:radio" ) should be used instead