Position a hidden box into a focused input with jquery
<p>I am wondering how to place a hidden box div into an input text that is currently in focus?</p>

<pre><code>        &lt;input type="text" class="target" name="some_name"&gt;
        &lt;input type="text" class="target" name="other_name"&gt;
        &lt;input type="text" class="target" name="another_name"&gt;
        &lt;input type="text" class="target" name="some_other_name"&gt;

        other HTML ....


        &lt;div id="hidden"&gt;This div is hidden somewhere in the page, 
    and only visible if any of the above input text is in focus. 
    Once another input is in focus, this box is moved 
relatively positioned (next, top or bottom) to the focus input. 
    This should be hidden if no input is in focus.&lt;/div&gt;
</code></pre>

<p>I notice a plugin: <a href="http://benalman.com/projects/jquery-outside-events-plugin/" rel="nofollow">http://benalman.com/projects/jquery-outside-events-plugin/</a>
but no idea if that is what I need at all.</p>

<p>Any hint or direction is very much appreciated. Thanks</p>
