title: div display inline hidden
body: <p>I am defining a template as follows:</p>
  
  <pre><code> $.template('aTemplate',
    '&lt;div id="someid" class="abc"&gt;' +
     ....
    '&lt;/div&gt;'
  );
  </code></pre>
  
  <p>I want this div to be inline with other elements ( wherever I place them). 
  I also want this div to be hidden ( when I add it to DOM) and then become visible on some other action( user click).</p>
  
  <p>So to make it inline and hidden, I define following css</p>
  
  <pre><code>.abc {
    display: inline-block;
    visibility: hidden;
  }
  </code></pre>
  
  <p>and on some action, I have</p>
  
  <pre><code> $('#someid').show()
  </code></pre>
  
  <p>But it does not seems to work. Any suggestions as to what can be corrected?</p>