Jquery Height issue
<p>I have a page when It loads for the first time I want to add a div with Height 450px. The page have 3 submit buttons and when ever anyone clicks any of those 3 buttons I need to set the height to 0px.</p>

<p>Here is what I did.`</p>

<pre><code>     &lt;style type="text/css"&gt;

    .DivHeight
    {
        height:450px;
    }
    .DivNoHeight
    {
        height:0px;
    }

   &lt;/style&gt;

                   &lt;script type="text/javascript"&gt;
          $(document).ready(function () {

           document.getElementById("divHeight").className = "DivHeight";

          $("#btnSubmit").click(function () {


            document.getElementById("#divHeight").className = "DivNoHeight";
            alert("Test");

        });
    });
      &lt;/script&gt;
</code></pre>

<p>But when I have the above code on page load It is displaying fine but when I click on Submit button the results are coming after 450px :(</p>

<p>What am I missing? </p>

<p>UPDATE:</p>

<p>I am getting 450 PX height only if I add the class in the div Manually
 
        </p>
