title: Am I missing something in my JavaScript code that I may be overlooking?
body: <p>I'm creating a simple app that when you click on a blurred image, the un-blurred image will appear, but it does not seem to be working for some reason. I used Bootstrap in this app to allow it to be mobile friendly, although I do not believe that it is causing my JS code to break.</p>
  
  <p>Here is my markup:</p>
  
  <pre><code>&lt;div class="container"&gt;
        &lt;div class="row row-padding center-block"&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="zero" src="zeroblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="one" src="oneblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="two" src="twoblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="three" src="threeblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="four" src="fourblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-6"&gt;
            &lt;img id="five" src="fiveblur.jpg"&gt;
          &lt;/div&gt;&lt;!-- end col-lg-4 col-sm-6 --&gt;
        &lt;/div&gt;&lt;!-- end row --&gt;
      &lt;/div&gt;&lt;!-- end container-fluid --&gt;
  </code></pre>
  
  <p>(I only included the markup pertaining to my JS code)</p>
  
  <p>and here is my JS code:</p>
  
  <pre><code>function init() {
      var images = document.getElementsByTagName("img");
      for (var i = 0; i &lt; images.length; i++);
          images[i].onclick = showAnswer;
  };
  
  function showAnswer(eventObj) {
      var image = eventObj.target;
  
      var name = image.id;
      name = name + ".jpg";
      image.src = name;
  }
  </code></pre>
  
  <p>window.onload = init;</p>