Tengo un file upload en ASP.net al cual le quiero cambiar el look and feel para que se vea como bootstrap pero ya que no hay una conversion directa tengo que usar un button y un textbox para emular su comportamiento, tengo estos elementos

    <asp:FileUpload ID="FileUpload1" runat="server"/>
    <asp:Button ID="Button1" runat="server" Text="Button" CssClass="btn btn-default" />
    <asp:TextBox ID="TextBox1" runat="server" CssClass="form-control"></asp:TextBox>

y tengo este codigo para colocar en el TextBox1 el nombre del archivo seleccionado con el FileUpload, pero no esta funcionando:

    $(document).ready(function () {
      $(document).on('change', '#<% FileUpload1.ClientID %>', function (e) {
                        $('#<% TextBox1.ClientID %>').val(e.target.files[0].name);)};
    });

alguien sabe porque no funciona este codigo?