JQuery / JavaScript - trigger button click from another button click event

Question

I have this HTML which looks like this:

Answer 1

You mean this:

jQuery("input.first").click(function(){
   jQuery("input.second").trigger('click');
   return false;
});

Answer 2

Add id's to both inputs, id="first" and id="second"

//trigger second button
$("#second").click()

Answer 3

jQuery("input.first").click(function(){
   jQuery("input.second").trigger("click");
   return false;
});

Answer 4

this works fine, but file name does not display anymore.

$(document).ready(function(){ $("img.attach2").click(function(){ $("input.attach1").click(); return false; }); });

Answer 5

Well, you just fire the desired click event:

$(".first").click(function(){
    $(".second").click(); 
    return false;
});

Answer 6

If it does not work by using the click() method like suggested in the accepted answer, then you can try this:

//trigger second button
$("#second").mousedown();
$("#second").mouseup();