title: How to detect if this radiobutton is checked?
body: <p>I read a lot of things on stackoverflow, but nothing help me :(</p>
  
  <p>I have this HTML table, loaded by ajax request :</p>
  
  <pre><code>&lt;table class="table table-striped table-hover choix_annonce_table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Sélection&lt;/th&gt;
              &lt;th&gt;Visuel&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;input type="radio" value="45" name="idAnnonce"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;img alt="Annonce 1" src=""&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;input type="radio" value="46" name="idAnnonce"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;img alt="Annonce 2" src=""&gt;&lt;/td&gt;
          &lt;/tr&gt;        
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I try to detect when radiobutton is checked, but no of the following issues work (in js file included on my "main" page):</p>
  
  <pre><code>$(document).ready(function() {
      $("input[name=idAnnonce]").click(function(){
          alert("xx");
      });
  });
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>$(document).ready(function() {
      $("input[name=idAnnonce]:radio").change(function () {
          alert("xx");
      });
  });
  </code></pre>
  
  <p>Do you have in idea?</p>
  
  <p>EDIT : when I load JS directly into my loaded table with ajax, it works.
  Why ?</p>