Changing the position of list items with jQuery
<p>I have a tag cloud widget in my sidebar and I also have a search box in my sidebar. I want to take the search box and move it underneath the <code>&lt;h3&gt;</code> in the widget tag cloud, so that it appears before the actual tags.  </p>

<p>This is the Jquery I tried. I tried to prepend the search box before class tagcloud (which has the actual tags. </p>

<pre><code>$(document).ready(function() {$('.tagcloud').prepend($('search'));  })
</code></pre>

<p>Can you explain to me why it doesn't work?  (Note, I have a few other jquery functions in my document that alter the tag cloud that. Maybe they are interfering? I copied them at the bottom)</p>

<p>This is the tagcloud html</p>

<pre><code>&lt;li class="widget widget_tag_cloud" id="tag_cloud-3"&gt;
     &lt;h3&gt;My Stupid Blog&lt;/h3&gt;

  &lt;div class=tagcloud"&gt;
   {irrelevant tag links }

  &lt;/div&gt;
</code></pre>

<p>I also have a search box</p>

<pre><code>&lt;li class="widget thesis_widget_search" id="search"&gt;  
    {search html}
&lt;/li&gt;
</code></pre>

<p>Other Jquery functions in my document</p>

<pre><code> $(function () {
    $('a[class^="tag-link"]').css('fontSize', '1.3em');
    $('a[class^="tag-link"]:odd').css('color', '#A1422F');
    $('a[class^="tag-link"]:even').css('color', '#1E2582');
});


 $(function () {
    $('#s').val('search box');
});
</code></pre>
