Sortable function on click and hold
<p>it is my firs question so I want to say hello :) I really love stackoverflow and you are my experts in coding :) </p>

<p>But now I have a problem and I didon't find any answer in whole internet :P</p>

<p>I have sortable div's and it works fine ($("#sortable").sortable();) </p>

<p>Now I want to make it sortable but only when I click and hold a button with name "move". Any other click on div should not make div's sortable.</p>

<p>Div with button is inside each sortable div.</p>

<p>Example code:</p>

<pre><code>&lt;div id="sortable"&gt;
    &lt;div id="first"&gt;
          &lt;img src="..."&gt;
          &lt;button&gt;Move&lt;/button&gt;
    &lt;/div&gt;
    &lt;div id="second"&gt;
          &lt;img src="..."&gt;
          &lt;button&gt;Move&lt;/button&gt;
    &lt;/div&gt;
    &lt;div id="third"&gt;
          &lt;img src="..."&gt;
          &lt;button&gt;Move&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Have You any idea how to mange this? I have tried id (from none to sortable) changing on mouseover or click on button but it didn't work.</p>

<p>Thank You so much :)
Best regards
Krzysiek</p>