title: referenceerror $ is not defined ajax for getting xml
body: <p>I am using jQuery in my head tag for my offical website. It doesn't work and comes up with the referenceerror $ is not defined $.ajax error. I tried these solutions(down below), but it doesn't solve my problem. The first one di</p>
  
  <p>Solutions Tried:</p>
  
  <p>1.Query needs to be the first script you import. The first script on your page</p>
  
  <pre><code>&lt;script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>2.<a href="https://stackoverflow.com/questions/15488704/referenceerror-ajaxfunction-is-not-defined">ReferenceError: ajaxfunction is not defined</a>
  I am calling my function as the first function to be called.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  XMLLIST = {
        xml: 'slideshow.xml?' + Math.random(0,1),
        display: '10',
        random: false,
        appentTo: '#slideshow',
  
        int: function () {
                  $.ajax({
                          type:"GET",
                          url:"slideshow.xml",
                               dataType:"xml",
                               sucess: XMLLIST.parseXML,
                  }); 
        },
  
        parseXML: function (xml) {
                  var data=$('slideInfo', xml).get();
                  var list = data;
                  var i = 1;
                            $(list).each(function() {
                            XMLLIST.insertHTML($(this));
                            if( i == XMLLIST.display) return false;
                            i++;
                            });
       },
  
  
  insertHTML: function (slide) {
              var title = slide.find('title').text();
              var image = slide.find('image').text();
              var alternate = slide.find('alt').text();
              var disclaimer = slide.find('disclaimer').text();
              var diet = slide.find('diet').text();
              var sciencename = slide.find('sciencename').text();
              var facts = slide.find('facts').text();
              var rangehabitat = slide.find('rangehabitat').text();
              var html;
  
              html = '&lt;div class="slideInfo"&gt;';
              html += '&lt;img scr="' + image + '" alt="' + alternate + '"id ="slideImage" /&gt;';
              html += '&lt;p id="altTag&gt;"' + alternate + '"&lt;/p&gt;"';
              html += '&lt;p id="Animaldisclaimer"&gt;"' + disclaimer + '"&lt;/p&gt;';
              html += '&lt;p id="scienceName"&gt;"' + sciencename + '"&lt;/p&gt;'; 
              html += '&lt;p id="RH"&gt;"' + rangehabitat + '"&lt;/p&gt;';
              html += '&lt;p id="animalFacts"&gt;"' + facts + '"&lt;/p&gt;';
  
              $(html).appendTo(XMLLIST.appentTo);
  },
  }
  
  XMLLIST.int();
  </code></pre>
  
  <p></p>