title: render partial on click
body: <p>I would like to call partials on some standard operations. I am using this method for calling the partial:</p>
  
  <pre><code> %li= link_to 'Delete Event', 'javascript:void(0);', :class =&gt; 'alert tiny button', :data =&gt; {'reveal-id' =&gt; :RevealDelete}
  = render 'layouts/reveal_delete', :item =&gt; event_display(@event.event), :resource =&gt; @event
  </code></pre>
  
  <p>Then in my partial,</p>
  
  <pre><code>#RevealDelete.reveal-modal
  
  
   %a.close-reveal-modal ×
    %h3= "Delete #{item}"
    %p Are you sure you want to delete this?
    =link_to "Delete #{item}", resource, :method =&gt; :delete, :remote =&gt; :true, :confirm =&gt; resource, :class =&gt; 'button close-reveal-modal'
    %a.button.alert.close-reveal-modal Cancel
  </code></pre>
  
  <p>How can I have this has as something like:</p>
  
  <pre><code>link_to 'Delete', '#', :partial =&gt; 'layouts/delete', :remote =&gt; :true? 
  </code></pre>
  
  <p>so that I only render that partial when clicked and not when the page loads?</p>