title: jquery span tag
body: <p>In my code I have this:</p>
  
  <pre><code>&lt;textarea id="screen" cols="40" rows="20" readonly&gt; &lt;/textarea&gt;
  </code></pre>
  
  <p>which displays the data in the <code>screen</code> id, obviously.</p>
  
  <p>But when I change it to:</p>
  
  <pre><code>&lt;span id="screen"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;div id="screen"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>it shows nothing.</p>
  
  <p>Go easy on me i'm a rookie.</p>
  
  <h2>additional info</h2>
  
  <p>this is in my script tag in the head section:
       </p>
  
  <pre><code>function update()
  {
  $.post("chat_new_serv.php", {}, function(data){ $("#screen").val(data);});  
  
  setTimeout('update()', 3000);
  }
  
  $(document).ready(
  
  function() 
  {
   update();
  
   $("#button").click(    
    function() 
    {         
     $.post("chat_new_serv.php", 
  { message: $("#message").val()},
  function(data){ 
  $("#screen").val(data); 
  $("#message").val("");
  }
  );
    }
   );
  });
  </code></pre>
  
  <p></p>
  
  <p>The new_chat_serv page just outputs the chat text from the database.</p>