title: How to show particular div id on the page using jquery?
body: <p>I want to show a particular div with particular id on the page. I am able to show the div with class information but when I try to access it by giving div id then it is not working, this is how am trying to access it from javascript. </p>
  
  <pre><code>if((document.getElementById("apMain.stageId").value) == "11"){
              doShow();
      }else{
        alert('else');
      }
      function doShow(){
              $(".bill_info").show();
        }
  </code></pre>
  
  <p>I want to access <code>div with id= stg_Pdel</code>, I have tried using </p>
  
  <pre><code>function doShow(){
          $('#stg_Pdel').show();
    }
  </code></pre>
  
  <p>but am not able to get the div open on the page, what should be the right approach of doing it ?</p>
  
  <p>My div is:</p>
  
  <pre><code>&lt;div class="bill_info"&gt;
  &lt;h3&gt;Additional required fields&lt;/h3&gt;
      &lt;div id="stg_install"&gt;
          &lt;div class="row"&gt;
              &lt;span class="label"&gt;
                  &lt;form:label path="billingInfo.otc" cssClass="normalText" cssErrorClass="normalTextRed" &gt;OTC:&lt;/form:label&gt;
              &lt;/span&gt;
              &lt;span class="formw"&gt;
                  &lt;form:input path="billingInfo.otc" cssClass="normalField" cssErrorClass="validationError" size="25" disabled='true'/&gt;
              &lt;/span&gt;
              &lt;span class="error"&gt;Values for all charge fields must be numeric.&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="stg_Pdel"&gt;
          &lt;div class="row"&gt;
              &lt;span class="label"&gt;
              &lt;form:label path="billingInfo.priceId" cssClass="normalText" cssErrorClass="normalTextRed" &gt;Price Type:&lt;/form:label&gt;
              &lt;/span&gt;
              &lt;span class="formw"&gt;
                  &lt;form:select path="billingInfo.priceId" cssErrorClass="validationError" disabled='true'&gt;
                      &lt;form:options items="${priceTypes}" itemValue="key" itemLabel="value" /&gt;
                  &lt;/form:select&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id='stg_closed'&gt;
          &lt;div class="row"&gt;
              &lt;span class="label"&gt;
                  &lt;form:label path="billingInfo.billingClassId" cssClass="normalText" cssErrorClass="normalTextRed" &gt;Billing:&lt;/form:label&gt;
              &lt;/span&gt;
              &lt;span class="formw"&gt;
                  &lt;form:select path="billingInfo.billingClassId" cssErrorClass="validationError" disabled='true'&gt;
                      &lt;form:option value="" label="--Select--" /&gt;
                      &lt;form:options items="${billingTypes}" itemValue="key" itemLabel="value" /&gt;
                  &lt;/form:select&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="clear:both"&gt;&lt;/div&gt;&lt;br/&gt;
  &lt;/div&gt;
  </code></pre>