using JQuery plugin(noty)

using JQuery plugin(noty)

Hello everyone,

I am very beginner particularly in world of JQeury. I am trying to implement some customized alerts in my ASP.NET web application.For that i have decided to use noty: http://needim.github.io/noty/#creating-a-noty

I have included files in my webpage as follows:
  1.  <script src="http://code.jquery.com/jquery-2.0.0.js"></script>
  2. <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

  4. <script type="text/javascript" src="js/noty/jquery.noty.js"></script>

  5. <script type="text/javascript" src="js/noty/layouts/top.js"></script>
  6. <script type="text/javascript" src="js/noty/layouts/topLeft.js"></script>
  7. <script type="text/javascript" src="js/noty/layouts/topRight.js"></script>


  8. <script type="text/javascript" src="js/noty/themes/default.js"></script>

Now,suppose on button click,i want to make alert then i am calling this as follows:

  1. <asp:Button ID="btnalert" runat="server" Text="Click this..!" />

For this to work,i have included below piece of code:

  1. <script type="text/javascript">
  2.     $(document).ready(function() {

  3.         $("#btnalert").click(function() {
  4.         var n = noty({ text: 'This is what i want as alert!' });
  5.         });
  6.     });
  7. </script>

After doing all this,nothing happens when i click the button. Any help in this regard?

Further, is it possible to have one function and i can pass just alert text to that function? I appreciate valuable suggestions on following:

1) How to get above code working?

2) Common steps to apply any JQuery plugin into our existing application.