jQuery hide function not working properly
<p>Here is my PhP code. In this I am creating a table and Populating data by pulling it from the database. I am printing two rows. In the second table row I have written "Hello There". My understanding of .hide() function makes me belief that it should be hidden on page display. But its not happening so?  </p>

<pre><code>                 &lt;table&gt;
            &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;All Courses&lt;/th&gt;
              &lt;th&gt;Center&lt;/th&gt;
              &lt;th&gt;Batch&lt;/th&gt;
              &lt;th&gt;Click for Info&lt;/th&gt;
            &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;?php 
                if($batch_query != null){
                  $i = 0;  
                  foreach($batch_query-&gt;result_array() as $row){
                    $val = "'".$row['course_id'].",".$row['center_id'].",".$row['batch_id']."'";
                    echo "&lt;tr&gt;";
                      echo "&lt;td&gt;".$row['course_name']."&lt;/td&gt;";
                      echo "&lt;td&gt;"."&lt;button id= \"btn_number_$i\"  class='btn info toggler' &gt;Info   &lt;i class='icon-arrow-down'&gt;&lt;/i&gt;&lt;/button&gt;"."&lt;/td&gt;";
                    echo "&lt;/tr&gt;";
                    echo "&lt;tr class='info_row'&gt;Hello There!!&lt;/tr&gt;";
                    $i++;
                  }
               }
</code></pre>

<p>In the code I am creating two rows and initially I want to set the display property of second row to none by using Jquery hide method.</p>

<p>Here is my Jquey code in between the script tag on the same page.</p>

<pre><code>   $(function(){
    console.log('Hello World!!');// Just to test whether the code is being reached or not.  
    $('.info_row').hide();  
   });
</code></pre>

<p>But this hide() function does not seem to be working. The whole string "Helo there" remains on the page.</p>

<p>What could be the reason for this ?</p>
