title: jquery - trigger listener programmatically
body: <p>This listener is currently triggered with a click in a ref in div shown below.
  Using jquery, how can I trigger the event programmatically? - or may be better to re-write the listener.</p>
  
  <pre><code>$("#flipPad a:not(.revert)").bind("click",function(){
      var $this = $(this);
      $("#flipbox").flip({
          direction: $this.attr("rel"),
          color: $this.attr("rev"),
          content: $this.attr("title"), 
          onBefore: function(){$(".revert").show()}
      })
      return false;
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="flipbox"&gt;Message1&lt;/div&gt;
  &lt;div id="flipPad"&gt;
  &lt;a href="#" class="left" rel="rl" rev="#39AB3E" title="Change content as &lt;em&gt;you&lt;/em&gt; like!"&gt;left&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>