jQuery: Triggering a click event on a radio button on page load

Question

I have 3 radio buttons which hide/show some div's. The radio buttons are getting generated by a php script, I want jquery to check the first radio button (works already!) and then trigger the click function so it hides/shows the related stuff.

$("input:radio:first").attr("checked", true).trigger("click");

The .trigger("click"); actually does not work.

The click event of the radio buttons looks like this:

$("input[name='type']").on("click", function() { ... });

Any ideas?

Answer 1

Try doing it after DOM ready, like this:

$(function(){
  $("input:radio:first").click();
});

Maybe it hasn't finish loading. use .click.