title: Object doesn't support this property or method - jquery simple modal popup
body: <p>My code runs as follows,</p>
  
  <pre><code>    &lt;script src="../../Content/js/jquery.simplemodal.js" type="text/javascript"&gt;      &lt;/script&gt;
      &lt;script src="../../Content/js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Content/js/basic.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="../../Content/css/basic.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/css/basic_ie.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
  function Add(id) {
      $.ajax({
          type: "POST",
          url: "/Home/Details",
          data: { Id: id },
          success: function (result) {
              $.modal(result);
  
          },
          error: function (req, status, error) {
              alert(error + req + status);
          }
      });
  }
  </code></pre>
  
  <p></p>
  
  <p>The button click triggers this Add javascript method, But doesnt open the page in the modal pop up. Help in solving this issue.</p>