title: Jquery cannot get value from textbox in joomla
body: <p>jQuery cannot get value from textbox in Joomla, I'm using the 
  script as the follows:</p>
  
  <p></p>
  
  <pre><code>&lt;?php JHTML::_('behavior.jquery'); ?&gt;
  &lt;script&gt;
      jQuery.noConflict();
      jQuery(function(){
  
              jQuery("#register").click(function(){
  
  
                  alert($("#txtusername").val());
  
              });
  
  
      });
  
  &lt;/script&gt;
  
  &lt;form name="frm1" id="frm1" method="get"&gt;
      &lt;table border="0" style="width:100%;"&gt;
          &lt;tr&gt;
              &lt;th colspan="2" align="center"&gt;Register&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td align="right"&gt;Username:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="txtusername" id="txtusername"/&gt;&lt;/td&gt;     
         &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td align="right"&gt;Password:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="txtpassword" id="txtpassword"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;input type="button" id="register" value="register"/&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;
  
  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>