Не могу понять почему не работает javascript код в расширении хрома! Другой яваскрипт код работает хорошо(код для даты/времени)
Код javascript(jQuery):
(function ($) {
    $.get("http://ipinfo.io", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#weather-city").html(response.city);
    $(document).ready(function() {
    $('#weather_city').val(response.city),
    $('#units_metric').val('metric');
    processForm();
  });
}, "jsonp");
    
  /**
   * Callback to process the form.
   */
  function processForm() {
    // Fetch the data from the public API through JSONP.
    // See http://openweathermap.org/API
    $.ajax({
      url: 'http://api.openweathermap.org/data/2.5/weather',
      jsonp: 'callback',
      dataType: 'jsonp',
      cache: false,
      data: {
        q: $('#weather_city').val(),
        units: 'metric'
      },
      // work with the response
      success: function (response) {
        $('#weather_description').text(response.weather[0].description);
        $('#weather-temprature').text(response.main.temp);
        
      },
    });
  }
})(jQuery);
код писал и в 
<head></head> , и просто подключал с другого файла  
<script type='text/javascript' src='assets/js/weather.js'></script>
Ничего не помогает!
в самой странице пишу:
<div class='header-weather'>
				<div id="weather-city"></div>
                                <span id="weather-temprature"></span> °C
                                       <form id="weather_status_form">
                                       <input type="hidden" id="weather_city" name="city" />
                                       </form>
</div>
на странице просто через адресную строку то работает все прекрасно!
Но уже в самом хроме не показывает все что должно!
Пример на странице: 
test.anyout.ru/2   (НЕ реклама)
Помогите пожалуйста!!