jQuery binds to one fileupload control in asp.net -

i using following tutorial change css default file upload control link

i managed implement 1 control need work 4 file upload controls on same page.

problem implement 1 control.

   // custom fileupload     $("input[type=file]").filestyle({         image: '<%= resolveurl ("~/images/browse.png") %>',         imageheight: 22,         imagewidth: 82,         width: 128     }); 

i change work class still implementd first control only

$(".fileupload").filestyle({     image: '<%= resolveurl ("~/images/browse.png") %>',     imageheight: 22,     imagewidth: 82,     width: 128 }); 

html code sample

<div class="row-form">     <div class="row-lbl-wrapper"> <span class="row-req">*</span>          <asp:label id="label1" runat="server" cssclass="row-label" text="cv:"></asp:label>     </div>     <div class="file-upload-wrapper">         <asp:fileupload id="fileupload1" runat="server" cssclass="fileupload" />         <asp:button id="btnuploadcv" runat="server" text="upload" cssclass="btn-upload" onclick="btnuploadcv_click" validationgroup="careers" />         <asp:button id="btnprocessdata" runat="server" text="process data" onclick="btnprocessdata_click" visible="false" />         <asp:label id="lblimagemsg" runat="server" text=""></asp:label>     </div>     <div class="tooltip tooltip-override" title="allowed file formats .pdf, .doc , .docx.">         <asp:image id="image2" cssclass="tooltip-img" runat="server" imageurl="~/images/tooltipgreen.png" />     </div>     <asp:requiredfieldvalidator id="rfvf1" runat="server" validationgroup="careers" errormessage="*" cssclass="row-validate" controltovalidate="fileupload1"></asp:requiredfieldvalidator> </div> <div class="row-form">     <div class="row-lbl-wrapper"> <span class="row-req">*</span>          <asp:label id="label2" runat="server" cssclass="row-label" text="cv:"></asp:label>     </div>     <div class="file-upload-wrapper">         <asp:fileupload id="fileupload2" runat="server" cssclass="fileupload" />         <asp:button id="button1" runat="server" text="upload" cssclass="btn-upload" onclick="btnuploadcv_click" validationgroup="careers" />         <asp:button id="button2" runat="server" text="process data" onclick="btnprocessdata_click" visible="false" />         <asp:label id="label3" runat="server" text=""></asp:label>     </div>     <div class="tooltip tooltip-override" title="allowed file formats .pdf, .doc , .docx.">         <asp:image id="image3" cssclass="tooltip-img" runat="server" imageurl="~/images/tooltipgreen.png" />     </div> </div> 

cant change change style file upload control. example how looks

you should first debug if

$(".fileupload")

returns multiple objects. review resulting page in browser, whether css class present expect be.

i reviewed plugin you're using , seems supports multiple objects.