title: Jquery UI Sortable - Child element moves parent items
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="box"&gt;
          &lt;div class="box__title"&gt;
              &lt;div class="box__move"&gt;move&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box__description"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="box"&gt;
          &lt;div class="box__title"&gt;
              &lt;div class="box__move"&gt;move&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box__description"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like "box__move" to be the trigger to move "box" items within the "wrapper".</p>
  
  <p>I was hoping something like the following might work, but hasn't. So, wondering if there is actually a way to do this.</p>
  
  <pre><code>$('.box__move').sortable({
      axis: 'y',
      items: 'parent .box'
  });
  </code></pre>
  
  <p>Anyone able to assist, or is this not possible?</p>