title: jQuery jGrowl not working
body: <p>I am trying to get this jGrowl working but I am not having any luck and I am struggling to find any help with the issue I have.</p>
  
  <p>I have connected to the CSS and JS pages correctly:  </p>
  
  <pre><code>&lt;script type="text/javascript" src="&lt;?php echo $base; ?&gt;jgrowl/jgrowl.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" rel="stylesheet" media="all" href="&lt;?php echo $base; ?&gt;css/jgrowl.css"/&gt;
  </code></pre>
  
  <p>And I am trying two different methods to get it working, the first method is the method that I actually want, which is when an if statement is run it should show the jGrowl window like below:</p>
  
  <pre><code>if ($flag == "OK")
  {
      ?&gt;
      &lt;script type="text/javascript"&gt;
  
      $(function() 
      {
          $.jGrowl("HELLO");
      }
      );
  
      &lt;/script&gt;
      &lt;?php
  }
  </code></pre>
  
  <p>But this gives me no luck, so I am also trying an <code>onclick</code> version:</p>
  
  <pre><code>&lt;p&gt;&lt;a href="javascript:void(0);" onclick="$.jGrowl('One more message...');"&gt;Click here.&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>This also give me no luck, but what does happen with this on is in Google Chrome's console it gives me this error:</p>
  
  <pre><code>Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jGrowl'
  </code></pre>
  
  <p>I have tried to find help based around this error but have had no luck, hope someone can help!</p>
  
  <p>Thanks guys.</p>
  
  <p>---------------- UPDATE ------------------</p>
  
  <p>I have been playing around a bit and I a little more information out of the error in the Google Chrome Console...</p>
  
  <pre><code>Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jGrowl'
  (anonymous function)                         index.php:572
  f.extend._Deferred.e.resolveWith             jquery-latest.min.js:2
  e.extend.ready                               jquery-latest.min.js:2
  c.addEventListener.C                         jquery-latest.min.js:2
  </code></pre>
  
  <p>Im not 100% sure but I think <code>jquery-latest.min.js</code> is referring to:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Which I use to enable facebook commenting within the website. Could this be an issue?</p>
  
  <p>---------------- UPDATE ------------------</p>
  
  <p>If I comment out </p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then my jGrowl works, any idea how I can get around this? otherwise I cant have both jGrowl and facebook commenting.</p>
  
  <p>---------------- UPDATE ------------------</p>
  
  <p>I now understand what is going wrong, I had both:</p>
  
  <pre><code>&lt;script type="text/javascript" src="&lt;?php echo $base; ?&gt;js/jquery-1.4.2.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I was not aware the the second one of these two is also getting the main jQuery library therefore causing the problems with my jQuery. All is fixed an sorted now.</p>
  
  <p>------------ PROBLEM SOLVED -------------</p>