title: Trigger custom event in Rx JS
body: <p>I'm trying to understand <a href="http://msdn.microsoft.com/en-us/devlabs/ee794896.aspx" rel="nofollow noreferrer">Reactive JS</a>.  In JQuery I can trigger custom events as</p>
  
  <pre><code>$(document).bind('eventbus', function(e, d) { console.log(d);});
  $(document).trigger('eventbus', 'test');
  </code></pre>
  
  <p>and pass around data (i.e. 'test'). It's not clear how to do this in RxJS.  I could try to convert the jquery events as</p>
  
  <pre><code>var observable = $(document).ToObservable('eventbus');
  </code></pre>
  
  <p>but observable returns the event object but not my data object.   How do I trigger custom events with data using RxJS?  Do I always need to piggyback on some other event type?  My goal is to create a simple eventbus using RxJS.</p>