title: ReferenceError: $ is not defined - Jasmine
body: <p>I never used Jasmine before but I'm required for this little project that I'm working on. Can't quite figure it out, any help would be appreciated. I have looked at various tutorials and googeled the problem but being new to this does not help.</p>
  <p>JS source file</p>
  <pre><code>&gt; $(document).ready(function(){
  &gt;    
  &gt; 
  &gt; $.ajax({ type: 'GET', dataType: &quot;json&quot;, url: &quot;db.php/realmadrids&quot;, 
  &gt; success: showResponse,  error: showError });
  &gt; 
  &gt; 
  &gt; 
  &gt;  
  &gt; 
  &gt; 
  &gt; console.debug(&quot;error&quot;);   function showResponse(responseData){
  &gt; 
  &gt;   //$(&quot;#get1&quot;).click(function getPlayers(responseData) { 
  &gt;   console.log('Image is clicked');    console.log(responseData);
  &gt;     $.each(responseData.realmadrid, function(index, realmadrid){
  &gt;       console.log(' is ');
  &gt;         $(&quot;#playercontentRealMadrid&quot;).append(&quot;&lt;/br&gt;&lt;strong&gt; Full Name: &lt;/strong&gt;&quot; +realmadrid.PlayerName+ &quot; &quot;+realmadrid.PlayerLastName+&quot;
  &gt; &lt;/br&gt; &lt;strong&gt;Player Position: &lt;/strong&gt;&quot; +realmadrid.PlayerPosition+&quot;
  &gt; &lt;/br&gt;&lt;strong&gt;Player Age: &lt;/strong&gt;&quot; +realmadrid.Age+&quot;
  &gt; &lt;/br&gt;&lt;strong&gt;Player Height: &lt;/strong&gt;&quot; +realmadrid.Height+&quot;
  &gt; &lt;/br&gt;&lt;strong&gt;Player Weight: &lt;/strong&gt;&quot; +realmadrid.Weight+&quot;
  &gt; &lt;/br&gt;&lt;strong&gt;Team Name: &lt;/strong&gt;&quot; +realmadrid.TeamName+&quot;&lt;/br&gt;&quot;);
  &gt;     
  &gt;         console.log('Data should output'); // });   });
  &gt; 
  &gt; console.log(responseData);
  &gt;     }
  &gt;     console.debug(&quot;hello&quot;);
  &gt; 
  &gt; function showError(){ alert(&quot;Sorry, but something went wrong. Fix
  &gt; it!!!!&quot;) }
  &gt; 
  &gt; });
  </code></pre>
  <p>Here is my test code:</p>
  <blockquote>
  <pre><code>//Test Suite
  describe(&quot;Spy on my own AJAX call&quot;, function(){
      
      it(&quot;should make AJAX request with successful setting&quot;, function() {
      
          spyOn($, &quot;ajax&quot;);
          
          expect($.ajax).toHaveBeenCalledWith({
              url:'db.php/realmadrids',
              type:'GET',
              dataType: &quot;json&quot;,
              sucess: showResponse,
              error: showError
          });
      
      });
     
  });
  </code></pre>
  </blockquote>