title: Binding for attribute Angular 2 doesn't update associated input with bound id
body: <p>I have a checkbox within my component with bindings like so:</p>
  
  <pre><code>&lt;input type="checkbox" [name]="name" [id]="id" /&gt;&lt;label [htmlFor]="id"&gt;&lt;/label&gt;
  </code></pre>
  
  <p>When the component loads I can inspect the element and find that the values passed to those inputs are bound, but when I click the label the checkbox doesn't get checked.</p>
  
  <p>I've also tried it like so:</p>
  
  <pre><code>&lt;input type="checkbox" [attr.name]="name" [attr.id]="id" /&gt;&lt;label [attr.for]="id"&gt;&lt;/label&gt;
  &lt;input type="checkbox" name="{{name}}" id="{{id}} /&gt;&lt;label [attr.for]="id"&gt;&lt;/label&gt;
  </code></pre>
  
  <p>And combinations thereof.  They all produce the same effect, data is bound, checkbox not checked.</p>
  
  <p>Here is my component:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    inputs: ['name', 'id'],
    selector: 'my-checkbox',
    templateUrl: 'app/form/input/checkbox.component.html'
  })
  
  export class CheckboxComponent {}
  </code></pre>
  
  <p>And the html where it's used:</p>
  
  <pre><code>&lt;my-checkbox name="test-name" id="test-id"&gt;&lt;/my-checkbox&gt;
  </code></pre>