title: Jquery flowplayer - tabs - content inside div tags not displaying
body: <p>I'm looking for a simple example of JQuery tabs in which I am planning to show two different forms.</p>
  
  <p>I came across this example <a href="http://flowplayer.org/tools/demos/tabs/index.htm" rel="nofollow noreferrer">http://flowplayer.org/tools/demos/tabs/index.htm</a> which is perfect for my needs.</p>
  
  <p>So I implemented the simple example. The code in question is:</p>
  
  <pre>
  &lt;div class="panes"> 
      &lt;div>First tab content. Tab contents are called "panes"&lt;/div> 
      &lt;div>Second tab content&lt;/div> 
      &lt;div>Third tab content&lt;/div> 
  &lt;/div> 
  </pre>
  
  <p>Now my content for the first tab is a form which has several of its own div tags - when I put that form with div tags as the content for the first tab - nothing appears.</p>
  
  <p>So I made a simple change and added another div tag to the content of the first tab as shown below and still nothing appears:</p>
  
  <pre>
  &lt;div class="panes"> 
      &lt;div>&lt;div>First tab content. Tab contents are called "panes"&lt;/div>&lt;/div> 
      &lt;div>Second tab content&lt;/div> 
      &lt;div>Third tab content&lt;/div> 
  &lt;/div> 
  </pre>
  
  <p>Is there a simple way to fix this. This is the content that I want to display in my first tab - Thanks for your help</p>
  
  <pre>
  &lt;div id="formbox" class="formbox">    
  &lt;form id="shopping_form" method="post">
  
     &lt;div id="3" style="width:520px;" >                      
          &lt;textarea id="message" name="message" rows="3" cols="50">&lt;/textarea>
     &lt;/div> 
  
     &lt;div id="store_row" style="width:220px;float:left;padding-bottom:10px;">&lt;b>Store&lt;/b>
         &lt;input type="text" id="store" name="store" class="required" size="20" />
         &lt;input type="hidden" id="store_id"/>                 
     &lt;/div>
     &lt;div id="city_column" style="width:200px;float:left;padding-bottom:10px;">&lt;b>City&lt;/b>
      &lt;input type="text" id="city" name="city" size="15"/>
     &lt;/div>                   
     &lt;div id="findbutton_column" style="vertical-align:top;width:80px;float:left;">
      &lt;input class="find_address" id="findaddress" type="button" value="Find Store"/>
     &lt;/div>
  
     &lt;div id="googlerow" style="width:120px;float:left;padding-bottom:10px;">
        &lt;b>Select Store&lt;/b>&lt;select id="google_stores" name="google_stores">&lt;/select>
        &lt;input type="hidden" id="google_address"/>                
     &lt;/div>
  
     &lt;div id="google_message" style="float:left;padding-bottom:10px;display:none;">&lt;/div>
     &lt;div id="locationrow" style="float:left;padding-bottom:10px;display:none;">
        &lt;b>Address/Country&lt;/b>                 
        &lt;input type="text" id="address" name="address" size="20" />
        &lt;input type="text" id="country" name="country" size="20"/>
     &lt;/div>
  
     &lt;div style="width:520px;float:left;padding-bottom:10px;" >
        &lt;b>Price&nbsp;&nbsp;&nbsp;
        &lt;input type="text" id="price" name="price" size="20" />    
     &lt;/div>    
  
     &lt;div id="buttonrow" style="width:200px;float:right;display:none;" >  
        &lt;input id="it" type="image" src="http://images.pe.com.s3.amazonaws.com/it.png" height="35px"/>            
     &lt;/div>
  
  &lt;/form>
  &lt;/div>
  </pre>