title: show an dialog onclick with radiobuttons
body: <p>I am creating an practice exam for some students in my school. I have a lot of multiple choice questions and i'm trying to get it to work bud got stuck here. I am new to javascript and have no clue on how to get this working. So every question has 4 choices that look like this:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;figures1&gt;&lt;/figures1&gt;
      &lt;/td&gt;
      &lt;td class="questiona"&gt;
          &lt;br&gt;
          &lt;input type="radio" name="q1" value="a"/&gt;a&lt;br&gt;
          &lt;input type="radio" name="q1" value="b"/&gt;b&lt;br&gt;
          &lt;input type="radio" name="q1" value="c"/&gt;c&lt;br&gt;
          &lt;input type="radio" name="q1" value="d"/&gt;d&lt;br&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The question is just an image and they have to select either a, b, c or d. 
  I've managed to get it working this far, bud what i want to add is an dialog whenever they click on a, b, c or d to tell them if the answer is correct or not and if not add a feedback to tell them why the answer is wrong. The reason why i am not using alert to give them a feedback is because i can't add images to an alert box. </p>
  
  <p>Thanks in advance</p>