title: Focusing on input should select a radio button
body: <p>This might seem like an easy thing to do but I can't find a neat way of achieving what I want...</p>
  
  <p>I have rows that contains values taken from an array in the scope. These rows also contain a radio input each and one of them contain a text input.</p>
  
  <p>The original array looks something like:</p>
  
  <pre><code>$scope.items = [
      {name: 'one', value: 1, checked: true},
      {name: 'two', value: 2},
      {name: 'custom', value: 0, custom: true}
  ];
  </code></pre>
  
  <p>To make it simpler to understand I prepared a demo <a href="https://jsfiddle.net/rfgpz367/2/" rel="nofollow">here</a> to show how it looks.</p>
  
  <p>The expected behaviour is that the first row gets selected at initialisation time. Then focusing on the text input should check the corresponding radio input.
  This behaviour seems to work fine the first time you focus on the input. After that, if another radio button is checked, focusing in the input doesn't tick the matching radio button...</p>
  
  <p>I tried wrapping the whole row or the input in a label linked to the radio button but it doesn't work either.</p>
  
  <p>If any of you know how to handle this scenario in a neat way, I'm eager to know!</p>