title: Chrome is reporting about "Unexpected token" when running a AJAX request
body: <p>I'm trying to run the following AJAX request for sending data and CSRF data to Codeigniter, but Chrome Developer Tool is reporting about a "Unexpected token". 
  I haven't been able to fix this issue, however I am thinking the "data" field is causing the error.</p>
  
  <p><strong>This is my AJAX request call:</strong></p>
  
  <pre><code>$(document).ready(function(){
      $('#country').on('change',function(){
          var countryID = $(this).val();
          if(countryID){
              $.ajax({
                  type:'POST',
                  url:'/index.php/campaigns/fetch_departments',
                  data:{'csrf_token':'4932809e3753b95b81245ff4439a121d','country_id:'+countryID},
                  success:function(html){
                      $('#state').html(html);
                      $('#city').html('&lt;option value=""&gt;Select state first&lt;/option&gt;'); 
                  }
              }); 
          }else{
              $('#state').html('&lt;option value=""&gt;Select country first&lt;/option&gt;');
              $('#city').html('&lt;option value=""&gt;Select state first&lt;/option&gt;'); 
          }
      });
      ...
  </code></pre>