title: uncaught reference error $ is not defined ajax-jquery
body: <p>I'm trying to pass some variables using jquery and ajax but for some reason its not working. Here is the code.</p>
  
  <pre><code>&lt;div id=' . $result['game_id'] . ' name="' . $user_id . '"  class="rate_widget" &gt;
              &lt;div class="star_1 ratings_stars"&gt;&lt;/div&gt;
              &lt;div class="star_2 ratings_stars"&gt;&lt;/div&gt;
              &lt;div class="star_3 ratings_stars"&gt;&lt;/div&gt;
              &lt;div class="star_4 ratings_stars"&gt;&lt;/div&gt;
              &lt;div class="star_5 ratings_stars"&gt;&lt;/div&gt;
              &lt;div class="total_votes"&gt;vote data&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>when i check chrome's developer tools i can see that the id and name attributes are set correctly .</p>
  
  <p>Here is the javascript(using jquery) i put an alert box to see if the value was set but i get undefined. Just started learning ajax and jquery this week any help would be appreciated.</p>
  
  <pre><code>$('.rate_widget').each(function() {
          var widget = this;
          var out_data = {
              game_id : $(widget).attr('id'),
              user_id : $(widget).attr('name')
          };
          alert(game_id);
          $.post(
              'ratings.php',
              out_data,
              function(INFO) {
                  $(widget).data( 'fsr', INFO );
                  set_votes(widget);
              },
              'json'
          );
  </code></pre>
  
  <p>In case its not clear im trying to send game_id and user_id with the corresponding values to a php script but im getting the error. Also i know there is another question with the same name but i checked it and it didn't help.</p>