JQuery: why won't clicking on a tab display text?

JQuery: why won't clicking on a tab display text?

Hello,

I have a question regarding Jquery. I have a "sell" tab on my page that when clicked, should display a text input box and a button. However, all I get is an error message in IE telling me that "Object doesn't support this poperty or method."


I want the "sell" tab to display the text input when clicked, otherwise be invisible, can anyone help me with that?
here is my code:
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <style type="text/css">
    .hide{display:none;}
    .show{display:block;}
    </style>










  2. <SCRIPT type=text/javascript>
     $(function() {
      $("#tabs").tabs();
     });
     function display() {
     document.getelementById("priceBox").className = "show";
     }
       
        </SCRIPT>







  3. </head>
  4. <body>
    <DIV class=demo>
    <DIV id=tabs>
    <UL>
    <LI><A href="#tabs-1">Buy</A></LI>
    <LI ><A onclick="display()" href="#tabs-2" >Sell</A></LI>
    </UL>
    <DIV id=tabs-1>
    <P></P></DIV>







  5. <DIV id=tabs-2>
    </DIV>
  6. </DIV></DIV><!-- End demo -->
    <DIV style="DISPLAY: none" class=demo-description>
    <P>Click tabs to swap between content that is broken into logical sections.</P></DIV><!-- End-->
    <form id="priceBox" class="hide">
    <input type="text" /><input type="button" value="set price" />
    </form>




  7. </body>
    </html>