Unable to get jQuery markItUp! work

Question

I can not get markItUp editor to work. My HTML is pretty simple and copied from the documentation:

<script type="text/javascript" src="/jquery.js"></script> <script type="text/javascript" src="/skin/js/markitup/jquery.markitup.js"></script> <script type="text/javascript" src="/skin/js/markitup/sets/default/set.js"></script> <link rel="stylesheet" type="text/css" href="/skin/js/markitup/skins/simple/style.css" /> <link rel="stylesheet" type="text/css" href="/skin/js/markitup/sets/default/style.css" /> <script type='text/javascript'> $(function(){ $('textarea').markItUp(); }); </script> <textarea name='comment' id='comment-input' class='text'></textarea> 

Everything should work now, but instead I get this weird picture:

So, here is my original one-button text area for bold text. In Firebug there are no errors and the same image in all browsers (opera, i.e. Chrome, ff). Cannot find the problem. Please inform.

Answer 1

Try changing the jquery version file:

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> 

Try passing my setup to your code that is set in set.js

 $('textarea').markItUp(mySettings);