title: ReferenceError: jQuery is not defined jQuery.noConflict()
body: <p>I just can't understand these errors:</p>
  
  <p>"
  Blocked loading mixed active content "<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js</a></p>
  
  <p>ReferenceError: jQuery is not definedjQuery.noConflict();</p>
  
  <p>ReferenceError: jQuery is not defined jQuery('#like_box').html(like_html);</p>
  
  <p>" </p>
  
  <p>Had anyone encounter such an issue so I can see where the problem is and fix it. 
  Here is the  code I am working with:</p>
  
  <pre><code>jQuery.noConflict();
  
  var good_image_url = "images/good.png";
  var bad_image_url = "images/bad.png";
  
  function load_stats(url) {
  
  jQuery.post("../../cgi-bin/test/like_new/wacko_like.pl", {
      URL :        this.location.href,
      func: 'get_stats'
    }, function(response){
      setTimeout("finishAjaxLikeLoadStats('"+escape(response)+"')", 400);
    });
  
  }
  
  
  function finishAjaxLikeLoadStats(response)  {
  
  response = unescape(response);
  
  var the_vals = response.split(":");
  
  jQuery("#like_count").html(the_vals[0]);
  jQuery("#dislike_count").html(the_vals[1]);
  
  }
  
  
  
  function generate_like_html() {
  
  var like_html = '&lt;a href="javascript: void(0);" onclick="do_vote(document.location.href,1) "&gt;&lt;img src="' + good_image_url +'" /&gt;&lt;/a&gt;'
  + '&lt;a href="javascript: void(0);" onclick="do_vote(document.location.href,2) "&gt;&lt;img src="' + bad_image_url + '" /&gt;&lt;/a&gt;'
  + '&lt;span style="color: green"&gt;Likes: &lt;span id="like_count"&gt;0&lt;/span&gt;&lt;/span&gt;'
  + '&amp;nbsp;&amp;nbsp;'
  + '&lt;span style="color: red"&gt;Dislikes: &lt;span id="dislike_count"&gt;0&lt;/span&gt;&lt;/span&gt;';
  
  jQuery('#like_box').html(like_html);
  
  /* ok, now we have the stats - lets pre-update the numbers with real values :) */
  
  load_stats(document.location.href);
  
  }
  
  function do_vote(LinkID,Type) {
  jQuery.post("../../cgi-bin/test/like_new/wacko_like.pl", {
      URL :        this.location.href,
      do_what:     Type
    }, function(response){
      setTimeout("finishAjaxLike('"+escape(response)+"')", 400);
    });
  }
  
  function finishAjaxLike(response)  {
  
  response = unescape(response);
  
  var the_vals = response.split(":");
  
  if (the_vals[0] == "1") {
      alert("Sorry, you can't vote (can't see your IP!)");
  }
  if (the_vals[0] == "2") {
      alert("Your vote has been counted, thanks!");
  }
  if (the_vals[0] == "3") {
      alert("Your vote has been updated accordingly");
  }
  
  jQuery("#like_count").html(the_vals[1]);
  jQuery("#dislike_count").html(the_vals[2]);
  
  }
  </code></pre>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" /&gt;
  &lt;meta http-equiv="Content-language" content="en-gb" /&gt;
  
  &lt;title&gt;Like - Dislike&lt;/title&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="i_like.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;p&gt;Testing Like/Dislike Feature 1&lt;/p&gt;
  
  &lt;div id="like_box"&gt;&lt;/div&gt;
  &lt;script&gt;
      generate_like_html();
  &lt;/script&gt;
  
  
  &lt;!--
  &lt;a href="javascript: void(0);" onclick="do_vote(&lt;%ID%&gt;,1) "&gt;&lt;img src="&lt;%config.build_static_url%&gt;/good.png" /&gt;&lt;/a&gt;
  &lt;a href="javascript: void(0);" onclick="do_vote(&lt;%ID%&gt;,2) "&gt;&lt;img src="&lt;%config.build_static_url%&gt;/bad.png" /&gt;&lt;/a&gt;
  &lt;span style="color: green"&gt;Likes: &lt;span id="like_count_&lt;%ID%&gt;"&gt;&lt;%likes%&gt;&lt;/span&gt;&lt;/span&gt;
  &amp;nbsp;&amp;nbsp;
  &lt;span style="color: red"&gt;Dislikes: &lt;span id="dislike_count_&lt;%ID%&gt;"&gt;&lt;%dislikes%&gt;&lt;/span&gt;&lt;/span&gt;
  --&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>