Compartibilidade de browsers de um botão chamar outro

$("#btnImg<%=i%>")

 .button
 (
 {
 text : "Alterar",
 icons : "ui-icon-disk"
 }
 )
 .click(function () { $fileInput<%=i%>.click(); });

$fileInput<%=i%>.on
(

 'change', function ()
 {
 var $btn = $("#btnImg<%=i%>");
 var btnOriginalValue = $btn.attr("value");

 $btn.attr("value", "AGUARDE...");
 $btn.prop("disabled", true);

 var $form = $fileInput<%=i%>.parents("form");
 var formAction = $form.attr("action");
 var formMethod = $form.attr("method");
 var formEnctype = $form.attr("enctype");
 var formEncoding = $form.attr("encoding");
 var formTarget = $form.attr("target");

 Efetiva.Lib.fileUpload
 (
 $fileInput<%=i%>,
 'Upload.ashx',
 function (status, file)
 {
 if (status == 0)
 {
 $("#imgImg<%=i%>").attr("src", "../../Uploads/" + file);
 $("#txtImg<%=i%>").attr("value", file);
 }
 else
 {
 alert(file);
 }

 var $formAux = $fileInput<%=i%>.parents("form");

 $formAux.removeAttr("action");
 $formAux.removeAttr("method");
 $formAux.removeAttr("enctype");
 $formAux.removeAttr("encoding");
 $formAux.removeAttr("target");

 $formAux.attr("action" , formAction);
 $formAux.attr("method" , formMethod);
 $formAux.attr("enctype" , formEnctype);
 $formAux.attr("encoding", formEncoding);
 $formAux.attr("target" , formTarget);

 $fileInput<%=i%>.attr("value", "");

 $btn.prop("disabled", false);
 $btn.attr("value", btnOriginalValue);
 }
 );
 }
 )

<div class="documentosInput">
	<input type="button" id="btnImg<%=j%>" value="Procurar..." />
</div>

O botão btnImg chama o fileInput. O btnImg foi feito porque não tinha como estilizar o fileInput, então foi criado o btnImg. Isso funciona no Chrome, somente o Firefox e no IE que não.

Como posso fazer para resolver isso?