HumaneJs notifications bound to DIV
<p>I am using HumaneJs <a href="http://wavded.github.com/humane-js/" rel="nofollow">http://wavded.github.com/humane-js/</a> to display notifications. Everything is working well except that I cant seem to specify a DIV where my notifications should appear. The discussion in this link <a href="https://github.com/wavded/humane-js/pull/32" rel="nofollow">https://github.com/wavded/humane-js/pull/32</a> seems to indicate that it is possible but I am not able to get it to work</p>

<p>Here is my HTML code</p>

<pre><code>&lt;button id="1"&gt;Display default notification&lt;/button&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;

&lt;div id="container"&gt;
    &lt;button id="2"&gt;Display notification inside div&lt;/button&gt;&lt;br/&gt;&lt;br/&gt;
&lt;/div&gt;
</code></pre>

<p>and here is the Javascript</p>

<pre><code>/*display notification in default position*/
$("#1").click(function() {
  humane.log("Default notification");
});


/*display notification inside div*/
$("#2").click(function() {
    var custom = humane.create({container: $("#container")[0]});
    custom.log("Notification inside div");
});
</code></pre>

<p>I have also setup a fiddle to demonstrate the issue</p>

<p><a href="http://jsfiddle.net/ZvCvJ/" rel="nofollow">http://jsfiddle.net/ZvCvJ/</a></p>

<p>Clicking on the button seems to display the notification in the default position(top-right) every time and I am not able to display the notification inside the DIV. Any help would be appreciated.</p>
