title: Make something auto update like Facebook chat
body: <p><strong>Before Reading on, what I want to achieve is make something update inside a div automatically without refreshing a div. (kinda like Facebook chat, I don't see chat flicker or blink when a new message is added,but just add new data seamlessly.)</strong></p>
  
  <p>In my Index I have the following markup:</p>
  
  <pre><code>&lt;div&gt;   
    &lt;?php
      if($_SESSION['Login']==1){
        include_once('Branch_Pages/Bar_in.php');
        }
      else{
        include_once('Branch_Pages/Bar_out.php');
        }
    ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Sesssion Variable Login is set to "1" When a user is logged in,
  and in Bar_in.php I have a search box that gives suggestions based on a data-list generated by php.</p>
  
  <pre><code>&lt;datalist  id="StudentList"&gt;
    &lt;?php
      for($x=0;$x&lt;$_SESSION['num_rows'];$x++){
          echo'
                  &lt;option value="'.$Enroll_F_name[$x].' '.$Enroll_L_name[$x].'" data-id="'.$enroll_data_No[$x].'" label="'.$_SESSION['Enroll_Index_num'][$x].'"&gt;
          ';
      }
    ?&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p>How can I update the datalist automatically without refreshing the div(since refreshing makes the Bar flicker) or without making it blink when it refreshes?</p>