title: not hiding dropdown when focus changes
body: <p>Let's imagine I have three inputs :</p>
  
  <pre><code>&lt;input type="text" id="a"&gt;
  &lt;input type="text" id="b"&gt;
  &lt;input type="text" id="c"&gt;
  </code></pre>
  
  <p>and one <code>div</code> table that should drop down when writing some data into <code>input "a"</code> or <code>input "b"</code>. 
  Well the logic I want to to take is:{
  if you click and add some data to <code>input a</code> show that table to me->table appears->if I click on <code>input b</code> dont hide that <code>div</code>, however if I click somewhere else for example in <code>input c</code>, hide the table.
  It's been 3rd day I cannot do this.
  P.S. My boss told not to use $timeout. It should be done with blur and focus</p>