Error using appendTo

Error using appendTo

I'm trying to use appendTo with some PHP so I can move a ul to the bottom.

Here is my code:

  1. <?php 
  2. $currentPath = $this->getCurrentPath();
  3. $currentCategory = Mage::registry('current_category');
  4. ?>
  5. <script type="text/Javascript">
  6. jQuery(document).ready(function(){
  7. $(".childnav").appendTo(".catalognav");
  8. });
  9. </script>
  10. <ul class="catalognav">

  12.     <?php foreach ($this->getCategories() as $category): ?>
  13. <li>
  14.    <a<?php if ($currentCategory->getId() == $category->getId()): ?> class="selected" <?php endif ?> href="<?php echo $category->getUrl() ?>"><?php echo $category->getName() ?></a>
  15. </li>
  16. <li><span>/</span></li>
  17. <?php if ($currentCategory->getId() == $category->getId() || in_array($category->getId(), $currentPath)): ?>
  18. <ul class="childnav">
  19.    <?php foreach ($this->getSubcategories($category->getId()) as $subcategory): ?>
  20.        <li><a<?php if ($currentCategory->getId() == $subcategory->getId()): ?> class="selected" <?php endif ?> href="<?php echo $subcategory->getUrl() ?>"><?php echo $subcategory->getName() ?></a></li>
  21.        <li><span>/</span></li>
  22.    <?php endforeach ?>
  23. </ul>
  24. <?php endif ?>
  25.     <?php endforeach ?>
  26. </ul>
When I run the website basically nothing happens. The code should work as I've tried it without all the PHP.

Here is the error:
  1. Uncaught TypeError: Cannot call method 'appendTo' of null
How can I fix this?

Thank you for any help in advanced!