title: AngularJS input field shows [object Object] after submit
body: <p>I have developed a AngularJS weather application and the only problem i have left to solve has to do with my input element. After a value has been submitted, the input value is replaced with "[object Object]". I have read through several questions and haven't come across anything that has helped me solve this problem thus far. So I turn to you guys and hope you can assist me.</p>
  
  <p>the form and input is as follows:</p>
  
  <pre><code>&lt;form name="add-city" ng-submit="getCity(city)"&gt;
      &lt;input id="user-city" type="text" name="user-city" placeholder="Search for a city" ng-model="city" &gt;&lt;/input&gt;
      &lt;button type="button" ng-click="getCity(city)"&gt;Add&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The controller with getCity(city) function is as follows:</p>
  
  <pre><code>app.controller('MainController', ['$scope','forecasts','$http', function($scope, forecasts, $http){
      forecasts.success(function(data){
          $scope.forecasts = data.list;
      });
      $scope.removeCity = function (index) {
          $scope.forecasts.splice(index, 1);
          urlCityList.splice(index, 1);
          localStorage.setItem('myCities', JSON.stringify(urlCityList));
      };
      $scope.getCity = function(city) {
          console.log('getCity() invoked with: '+city);
          var thisCity=$scope.city;
          // CONSTRUCT URL
          var url1 = 'http://api.openweathermap.org/data/2.5/weather?q=';
          var url2 = '&amp;units=metric&amp;APPID=f96088515ba4137e85db097513d9d8ab';
          var getCityUrl = url1+$scope.city+url2;
          $http.get(getCityUrl)
          .success(function(data){
              $scope.city = data;
              var newCity = {
                  "city": $scope.city.name,
                  "country":$scope.city.sys.country,
                  "id":$scope.city.id
              }
              var getCorrectCity = newCity.city.toUpperCase() == city.toUpperCase();
              var avoidDuplicate = true;
              var noDuplicate = true;
              for (i=0; i &lt; urlCityList.length; i++) {
                  if (urlCityList[i].city.toUpperCase() == city.toUpperCase()) {
                      noDuplicate = false;
                  }
              }
              if (getCorrectCity == true &amp;&amp; noDuplicate == true) {
                  urlCityList.push(newCity);
                  localStorage.setItem('myCities', JSON.stringify(urlCityList))
                  $scope.forecasts.push($scope.city);
              }
          })
          .error(function(err){   
              return err;
          });
          console.log($('#addCity').val());
          $('#addCity').val('');
      };
      $("#user-city").keyup(function (e) {
      if (e.keyCode == 13) {
          // Do something
      }
  });
  }]);
  </code></pre>
  
  <p>the app is live and the issue can be seen here: jhalland.dk/weather</p>
  
  <p>Thanks in advance</p>