title: css search box doesnt work with jquery-latest.min.js
body: <p>I have a search box thats been working reliably until i had change to the latest version of jquery in my code.  It displays fine, but you can't click into the box to type a search parameter in.  Works fine with </p>
  
  <p><a href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" rel="nofollow">https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js</a></p>
  
  <p>Here is a snippet of the code im calling.</p>
  
  <p>My php:</p>
  
  <pre><code>  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
   .....
   &lt;form id="search" method="post" action="tagsearch.php"&gt;&amp;nbsp;&amp;nbsp;
     &lt;input name="tagsearch" type="text" size="40" placeholder="Search tags" /&gt;
  </code></pre>
  
  <p>the CSS:</p>
  
  <pre><code>    #search {
  
       }
  
  #search input[type="text"] {
  background: url(img/search-white.png) no-repeat 10px 6px #fcfcfc;
  border: 1px solid #d1d1d1;
  font: bold 12px Arial,Helvetica,Sans-serif;
  color: #bebebe;
  width: 150px;
  padding: 6px 15px 6px 35px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  }
  
  #search input[type="text"]:focus {
  width: 200px;
  outline:none; box-shadow:none;
  }
  </code></pre>
  
  <p>Any ideas why this would not work with jquery-latest, but fine with the older version?  I need the new version to use fancybox on my site.</p>