jQuery malfunctions another script
<p>I was trying to build a radio-enabled search box, and with a little search, I found what I was looking for. I was trying to make the buttons look like toggles so I ran into <a href="http://jsfiddle.net/yijiang/Zgh24/1/" rel="nofollow">this</a>! I liked it. It's what I was looking for. But, once I added jQuery, the whole search thing didn't work anymore. And to be honest, I have no idea why. Here's the HTML with jQuery :</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/&gt;
&lt;script type="text/javascript"&gt;
function dosearch() {
  var sf=document.searchform;
  for (i=sf.sengines.length-1; i &gt; -1; i--) {
    if (sf.sengines[i].checked) {
      var submitto = sf.sengines[i].value + escape(sf.searchterms.value);
    }
  }
  window.location.href = submitto;
  return false;
}
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$('#sites input:radio').addClass('input_hidden');
$('#sites label').click(function() {
    $(this).addClass('selected').siblings().removeClass('selected');
})
&lt;/script&gt;
&lt;style&gt;
.input_hidden {
    position: absolute;
    left: -9999px;
}
.selected {
    background-color: #ccc;
}
#sites label {
    display: inline-block;
    cursor: pointer;
}
#sites label:hover {
    background-color: #efefef;
}
#sites label img {
    padding: 3px;

}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="sites"&gt;
&lt;form name="searchform" onSubmit="return dosearch();"&gt;
&lt;input id='first' name="sengines" type="radio" checked='checked' value="http://myurl.com/search?q="/&gt;&lt;label for="first"&gt;&lt;img src="http://sstatic.net/serverfault/img/favicon.ico" alt="Server Fault" /&gt;&lt;/label&gt;
&lt;input id='req' name="sengines" type="radio" value="http://www.myotherurl.com/search?q="/&gt;&lt;label for="req"&gt;&lt;img src="http://sstatic.net/superuser/img/favicon.ico" alt="Super User" /&gt;&lt;/label&gt;
&lt;input type="text" name="searchterms"/&gt;
&lt;/form&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Remove jQuery and the function will work. 
jQuery is critical and I can't just delete it from code. Other parts of the original webpage are heavily using it. </p>
