title: How to build a jQuery dialog for confirmation (yes/no) that can work anywhere in an app?
body: <p>I have the following:</p>
  
  <pre><code>&lt;ol id="listItems&gt;
      &lt;li id="listItem-1"&gt;
          &lt;span class="title"&gt;Item 1&lt;/span&gt;
          &lt;span class="delete"&gt;delete&lt;/span&gt;
      &lt;/li&gt;
      &lt;li id="listItem-2"&gt;
          &lt;span class="title"&gt;Item 2&lt;/span&gt;
          &lt;span class="delete"&gt;delete&lt;/span&gt;
      &lt;/li&gt;
      &lt;li id="listItem-3"&gt;
          &lt;span class="title"&gt;Item 3&lt;/span&gt;
          &lt;span class="delete"&gt;delete&lt;/span&gt;
      &lt;/li&gt;
      &lt;li id="listItem-4"&gt;
          &lt;span class="title"&gt;Item 4&lt;/span&gt;
          &lt;span class="delete"&gt;delete&lt;/span&gt;
      &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>What I want to do here is anytime .delete is clicked, I want to show a jQuery ui-dialog for confirmation, Yes or No.... If the user says yes then continue with the delete click where it will be deleted as is today.</p>
  
  <p>How can I build a jQuery UI Dialog that is static and would work for any number of list items? Better yet would work for anything in my app so it's not just list specific.</p>
  
  <p>Ideas? Thanks</p>