title: On Click Pop up in input field
body: <p>Everyone I am very new to javascript I tried lots of things to achieve this task but I won't able to do this.
  My Html Code is: </p>
  
  <pre><code>&lt;div class="row  lcf-form"&gt;
     &lt;div class="col-xs-4"&gt;
        &lt;input type="text" class="form-control" placeholder="All India"&gt;
      &lt;/div&gt;
     &lt;div class="col-xs-6"&gt;
        &lt;input type="text" class="form-control" placeholder="Adds Near You"&gt;
      &lt;/div&gt;
      &lt;button type="button" class="btn btn-primary"&gt;Search&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>My Js Code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
   var started;
    function showLightBox()
     { 
      if (started) return;
      started = setTimeout(function(){
      Lightbox.start(document.getElementById('firstImage'));
      started;
       },500);
     }
     function stopShowLightBox(){
     if (started) {
      clearTimeout(started)
      started = 0;
     }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>I follow this link <a href="https://stackoverflow.com/questions/30042933/on-click-pop-up-not-working">popup</a> but its not working for me.</p>
  
  <p>I want when I enter my cursor a simply popup div open for input text.</p>