enable/disable

enable/disable

I have an ASP page that has a master page. I have a drop down list and 2 text boxes. The change function is being executed and I get the text value of the selected list items, but the enable and disable are not working.  I made the changes suggested by andrewgsw - no luck.

HTML:
<asp:DropDownList ID="ViewNameDropDownList" runat="server" Font-Bold="true" Font-Size = "Small" Width="230px" AutoPostBack ="True">
<asp:ListItem Text="View1" Value="1" runat="server"></asp:ListItem>
<asp:ListItem Text="View2" Value="2" runat="server"></asp:ListItem>
<asp:ListItem Text="View3" Value="3" runat="server"></asp:ListItem>
</asp:DropDownList>

<asp:TextBox Font-Size="Small" ID="ReportNameTextBox" runat="server" Enabled="false" Width="230px" AutoPostBack="true"/>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 

   $(document).ready(   function () {
    $(  function () {  
        $('select[id$=ViewNameDropDownList]').change(function() {
      $(
"inputid$='TextBox2']").val$(this).find"option:selected").text));

         $("#ReportNameTextBox").attr("disabled", "");
        $("#TextBox2").attr("disabled", "disabled");
     }); 
 });