Website At 100: Js

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
On fast few days, I was working on site of my employer and I’m using different kind of <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>plugin and custom jQuery code for different site part functionality and unfortunately I’m getting <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>error “<strong style="line-height: inherit;">Uncaught Reference Error: jQuery is not defined</strong>” okay so the error seems easy right? All we need to do is just include the main <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>library which we can find anywhere in the web in Google CDN, Microsoft CDN, jQuery CDN or hosted in your own server.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Okay now the error is gone but I found another errors in other <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>file in custom jQuery and jQuery plugin, that says “<strong style="line-height: inherit;">Uncaught Reference Error: $ is not defined</strong>” and “<strong style="line-height: inherit;">Uncaught TypeError: Property ‘$’ of Object[object DOMWindow] is not a function</strong>“, so I begun debugging it myself and the safest way to solve and rid this problem is to use <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery</a>conflict, in your custom code or plugin jQuery file just copy the format in the code below.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a6c544edf29903802616" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
JavaScript</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a6c544edf29903802616-1">
1</div>
<div data-line="crayon-52a6c544edf29903802616-2">
2</div>
<div data-line="crayon-52a6c544edf29903802616-3">
3</div>
<div data-line="crayon-52a6c544edf29903802616-4">
4</div>
<div data-line="crayon-52a6c544edf29903802616-5">
5</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a6c544edf29903802616-1">
var rys = jQuery.noConflict(); //create different alias</div>
<div id="crayon-52a6c544edf29903802616-2">
rys(“document”).ready(function(){</div>
<div id="crayon-52a6c544edf29903802616-3">
   // Do something with jQuery</div>
<div id="crayon-52a6c544edf29903802616-4">
   rys(“div p”).hide();</div>
<div id="crayon-52a6c544edf29903802616-5">
});</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Note:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You need to replace all default “$” variable to your new variable in our case “rys”.</div>
</div>

UNCAUGHT REFERENCE ERROR: JQUERY IS NOT DEFINED

On fast few days, I was working on site of my employer and I’m using different kind of jQuery plugin and custom jQuery code for differen...