title: Removing brackets around a string and placing contents into new object
body: <p>I have an angular service which returns an array with a number of objects inside.</p>
  
  <p><strong>$scope.data:</strong></p>
  
  <pre><code>[
      {
          date: "03/12/2014",
          name: "mr blue",
          title: "math teacher (Germany)"
      },
      {
          date: "04/02/2015",
          name: "mrs yellow",
          title: "chemistry teacher (Spain)"
      },
  ]
  </code></pre>
  
  <p>You can see from the title field it contains a title and a location. How can i separate the title and location? Whilst removing the brackets too?</p>
  
  <p><strong>Service:</strong></p>
  
  <pre><code>$scope.loadFeed=function(e){        
      myService.parseFeed(url).then(function(res) {
          $scope.data = res.data.responseData.feed.entries;
      });
  }
  </code></pre>
  
  <p>What i have tried is:</p>
  
  <pre><code>$scope.loadFeed=function(e){        
      myService.parseFeed(url).then(function(res) {
          $scope.data = res.data.responseData.feed.entries;
  
          var strWithoutBracket = $scope.data[0].title.replace(/\(.*?\)/g,'');
          console.log(strWithoutBracket);
  
          $scope.location = strWithoutBracket;
  
      });
  }
  </code></pre>
  
  <p>However <code>console.log(strWithoutBracket);</code> is displaying as:</p>
  
  <pre><code>chemistry teacher
  </code></pre>
  
  <p>Essentially what i am after is a <code>$scope.title</code> without the location. And <code>$scope.location</code> without the title.</p>