title: jQuery Draggable Element ASP.NET MVC
body: <p>I've been looking through a lot of tutorials on jQuery draggable and trying to apply it to ASP.NET MVC, but I am really confused. </p>
  
  <p>Does anyone know of some simpler samples.</p>
  
  <pre><code>@model locat.Models.LoginModel
  
  @{
  
      ViewBag.Title = "Log in";
  }
  
  
      @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "msform" }))
      {
          @Html.AntiForgeryToken()
          @Html.ValidationSummary()
  
          &lt;!-- fieldsets --&gt;
      &lt;div id="drag"&gt;
          &lt;fieldset&gt;
              &lt;h2 class="fs-title"&gt;Login&lt;/h2&gt;
              &lt;h3 class="fs-subtitle"&gt;&lt;/h3&gt;
  
              &lt;input name="UserName" type="text" placeholder="Username"&gt;
              &lt;input name="Password" type="Password" placeholder="Password"&gt;
              &lt;input type="button" name="next" class="next action-button" value="New User" /&gt;
  
              &lt;input type="submit" name="next" class="nexts action-login" value="Log in" /&gt;
          &lt;/fieldset&gt;
  
      &lt;/div&gt;
      }
  
  &lt;script&gt;
      $(function () {
          $("#drag").draggable();
      });
  &lt;/script&gt;
  
      @section Scripts {
          @Scripts.Render("~/bundles/jqueryval")
          @Scripts.Render("~/bundles/jqueryui")
      }
  </code></pre>