title: Show hidden div by typing div name/title into search form?
body: <p>What I am trying to do is show a hidden div by typing a word into a search form. The div contains a single image. All divs are hidden by default, so it has to un-hide the div...</p>
  
  <p>Example: The div has title="robot", and has an image of a robot in it. I type "robot" into search form and the script (oninput?) searches for div with title="robot" and shows div/image.</p>
  
  <p>I am new to scripting/jquery and cannot seem to figure it out, any help is much appreciated! Here is code I found and tried to get to work, but it does not...</p>
  
  <pre><code>&lt;div id="div1" class="div"&gt;
  &lt;img class="robot" id="robot" src="robot.jpg" title="robot" style="display:none"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;form class="pure-form"&gt;
  &lt;legend&gt;&lt;/legend&gt;
  &lt;input type="text" placeholder="Example: robot" class="pure-input-rounded"     onkeyup="showDiv(this.value)"&gt;
  &lt;button type="button" name="answer" class="pure-button"&gt;Search&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;script&gt;
  function showDiv(value) {
  if (value.charAt(value.length - 1) == ' ')
  document.getElementById('noresults').style.display = "block";
  else 
  document.getElementById('noresults').style.display = "none";
  }
  &lt;/script&gt;
  
  &lt;div id="noresults" style="display:none" class="results" &gt;No such thing...&lt;/div&gt;
  </code></pre>