Repel Objects when mouse is near
<p>I have a bunch of span elements in random positions enclosed inside a parent div called '.background'. These are generated with Javascript. Like this:</p>

<pre><code>&lt;span class="circle" style="width: 54px; height: 54px; background: #5061cf; top: 206px; left: 306px"&gt;&lt;/span&gt;
</code></pre>

<p>I want them to move away (or repel) as the mouse draws near, but I have no idea how to do this! How would I go about accomplishing this in jQuery?</p>

<p>I imagine you'd have to search for spans that were nearby, and then change their position if they were inside a certain radius surrounding the mouse, but I really don't know where to start. Any help is appreciated!</p>
