jQuery: Drag/Adjust image postion in a circular div
<p>I am trying to user's profile photo in a circular div. Similar to what user can do with facebook's profile picture or cover image. <br/></p>

<blockquote>
  <p>Note: Here image is a background image of div. Not inside <code>&lt;img&gt;</code>.</p>
</blockquote>

<p>How can make user drag/adjust image functionality for circular div?</p>

<p><strong>CSS for Circular Div</strong></p>

<pre><code>.circular {
    width: 6em;
    height: 6em;
    border-radius: 3em;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    background: url('../img/id.jpg') no-repeat;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
</code></pre>
