title: function inside directive does not show data on client
body: <p>I have a directive with inline editing which works perfect, as demonstrated here: <a href="http://plnkr.co/edit/A4v3RLBq5WZozMFpsQic?p=preview" rel="nofollow">plnkr</a></p>
  
  <p>I have another directive that parses a name from 1 input to json data, which also works ok: <a href="http://plnkr.co/edit/NqQ5m0yJD4LxXTnBAsoE?p=preview" rel="nofollow">plnkr</a></p>
  
  <p>when I combine the 2 directives, I can get the parsed name json to print in the console but not on the client  </p>
  
  <p>see this plunker:  <a href="http://plnkr.co/edit/b4F5SADAC2uYbV06tEZH?p=preview" rel="nofollow">plnkr</a></p>
  
  <pre><code> // this is the save function in the directive 
    scope.save = function() {
      scope.editMode = false;
      parsedName = NameParse.parse(scope.model);
      console.log('Prefix: ' + parsedName.salutation);
      console.log('First Name: ' + parsedName.firstName);
      console.log('Last Name: ' + parsedName.lastName);
      scope.handleSave({value: scope.model});
    };
  </code></pre>
  
  <p>Click the "pencil" icon to edit, then the save button and check the console.  The data is there.  Nothing on the client though.</p>
  
  <p>What am I missing?</p>