title: jQuery DynaTree not working
body: <p>I am trying to get a DynaTree (first use of it) working w/o luck - the "tree" just shows up as a regular HTML list. I'm sure it's something trivial but I'm not seeing it.</p>
  
  <p>Here is my file structure:
  <img src="https://i.stack.imgur.com/7RZyF.png" alt="DynaTree project files"></p>
  
  <p>This is the page (result.jsp) that the tree is on:</p>
  
  <pre><code>&lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
      pageEncoding="ISO-8859-1"%&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
    &lt;title&gt;IDT HL7 Search Results&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/messaging.css" /&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/ui.dynatree.css" /&gt;
    &lt;script type="text/javascript" src="js/jquery-1.7.1.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.dynatree.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.cookies.2.2.0.js"&gt;&lt;/script&gt;
    &lt;!-- Add code to initialize the tree when the document is loaded: --&gt;
    &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      // Attach the dynatree widget to an existing &lt;div id="tree"&gt; element
      // and pass the tree options as an argument to the dynatree() function:
      $("#tree").dynatree({
        onActivate: function(node) {
          // A DynaTreeNode object is passed to the activation handler
          // Note: we also get this event, if persistence is on, and the page is reloaded.
          alert("You activated " + node.data.title);
        },
        children: [
          {title: "Item 1"},
          {title: "Folder 2", isFolder: true, key: "folder2",
            children: [
              {title: "Sub-item 2.1"},
              {title: "Sub-item 2.2"}
            ]
          },
          {title: "Item 3"}
        ]
      });
      $("a").click(function() {
       alert("Hello world!");
      });
    });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h2 class="center"&gt;IDT HL7 Search Results&lt;/h2&gt;
  &lt;div id="search"&gt;
      &lt;fieldset class="search-fields"&gt;
          &lt;legend&gt;Currently viewing&lt;/legend&gt;
          Site: &lt;input type="text" name="currentSite" disabled="disabled" value=&lt;%= request.getParameter("searchFor") %&gt; /&gt;
          CSID: &lt;input type="text" name="currentCsid" disabled="disabled" value=&lt;%= request.getAttribute("csidValue") %&gt; /&gt;
          RCR:  &lt;input type="text" name="currentRcr"  disabled="disabled" /&gt;
          &lt;a href="index.jsp"&gt;&lt;b&gt;New Search&lt;/b&gt;&lt;/a&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;br/&gt;
  &lt;div&gt;
      &lt;form&gt;
          &lt;input type="checkbox" name="filterBy" value="Filter by:" /&gt; Filter results by:
          &lt;input type="text" name="filterBy" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  &lt;br/&gt;
  &lt;div id="content"&gt;
     &lt;div id="sub-left"&gt;
      &lt;fieldset class="search-fields"&gt;
          &lt;legend&gt;Files Found&lt;/legend&gt;
          &lt;!-- Add a &lt;div&gt; element where the tree should appear: --&gt;
          &lt;div id="tree"&gt; 
              &lt;ul&gt;
         &lt;li&gt;Orders
           &lt;ul&gt;
             &lt;li&gt;From Client
                &lt;ul&gt;
                  &lt;li&gt; document 1.1.1&lt;/li&gt;
                  &lt;li&gt; document 1.1.2&lt;/li&gt;
                 &lt;/ul&gt;
              &lt;/li&gt;  
              &lt;li&gt;To Lab
                 &lt;ul&gt;
                   &lt;li&gt;document 1.2.1&lt;/li&gt;
                   &lt;li&gt;document 1.2.2&lt;/li&gt;
                 &lt;/ul&gt;
             &lt;/li&gt;
          &lt;/ul&gt;
       &lt;/li&gt;
       &lt;li&gt; Results
          &lt;ul&gt;
            &lt;li&gt; From Lab
              &lt;ul&gt;
                 &lt;li&gt;document 2.1.1&lt;/li&gt;
                 &lt;li&gt;document 2.1.2&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
              &lt;li&gt;To Client
                 &lt;ul&gt;
                   &lt;li&gt;document 2.2.1&lt;/li&gt;
                   &lt;li&gt;document 2.2.2&lt;/li&gt;
                 &lt;/ul&gt;
             &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/fieldset&gt;
     &lt;/div&gt;
     &lt;div id="sub-right"&gt;
       &lt;fieldset class="search-fields"&gt;
          &lt;legend&gt;Selected File Contents&lt;/legend&gt;
          &lt;textarea rows="14" wrap="soft" readonly="readonly"&gt;
  (select via tree on left)
          &lt;/textarea&gt;
       &lt;/fieldset&gt;
     &lt;/div&gt;
     &lt;div class="clear-both"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any ideas?  Thanks! Mark</p>