Make div element draggable using jQuery

To make an HTML DOM element like div draggable we can make use of jQuery UI.

Example :

We have a div element which can be moved by clicking on it with the mouse and dragging it anywhere within the viewport.

Code :
<!doctype html>
<html lang="en">
      <link rel="stylesheet" href="//">
      <script src="//"></script>
      <script src="//"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
         #box {
         border: 1px solid #ccc
         $(function () {
      <div id="box" class="ui-widget-content">
         <p>You can drag this box</p>

Hello there!,

You are using AdBlocker!

I am an independent developer trying to help fellow developers and students to resolve issues faced on a day-to-day basis, we 'Code to Care' . There is a lot of expenses involved in hosting and managing a website that's the reason we have ads.

A humble request to you to disable adBlocker on and support us pay our bills.

Cod2care - Line's of code for change.

To see contents reload page after unblocking
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities. Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, Tips-n-tricks, How Tos, Blogs, Articles, etc. on various platforms like Windows, Mac, Linux, Mobile platforms, etc. Technologies/Languages like Java, Objective-C, PHP, .Net, Android, SharePoint, jQuery, HTML, CSS, etc.