title: Why is my radio button not detected as checked?
body: <p>I hate when I am spending so much time on basic questions like this that seems so easy in my head but just don't work.</p>
  
  <p>I have a page with two radio button and regarding which one I click it should send me to a related page.</p>
  
  <p>The DOM :</p>
  
  <pre><code>&lt;form id="question-form4" class="list"&gt;
        &lt;ion-radio id="question-checkbox1"&gt;YES&lt;/ion-radio&gt;
        &lt;ion-radio id="question-checkbox2"&gt;NO&lt;/ion-radio&gt;
      &lt;/form&gt;
      &lt;button ng-click="next()" type="submit" class="button button-assertive  button-block"&gt;NEXT&lt;/button&gt;
  </code></pre>
  
  <p>The controller :</p>
  
  <pre><code>$scope.next = function(){
  
    if(document.getElementById('question-checkbox1').checked = true ) {
    //Male radio button is checked
    $state.go('photo');
  }else if(document.getElementById('question-checkbox2').checked = true) {
    //Female radio button is checked
    $state.go('prescription');
  }
  }
  </code></pre>
  
  <p>And of course, whatever I choose, it always send me to the page "photo". What can I possibly do wrong ?</p>