title: .load start new path
body: <p>in my project im trying to add a modal bootstrap to 1 of my views and i use <code>.load()</code> to load that view, the thing is when i try to load the view it only appears black, i tried to use <code>console.log()</code> to watch the errors and i saw this  </p>
  
  <p><code>http://localhost:38212/Desafios/Details/Solucoes/Details?id=14</code></p>
  
  <p>when i click the div to trigger the modal, i am in <code>/Desafios/Details</code>, and I want to go to <code>/Solucoes/Details</code> and not all the url, I don't want to add the <code>.load()</code> url to the previous url that i had. How can i do that? </p>
  
  <p>Here is my jquery function</p>
  
  <pre><code>$("#VisualizarSolucao").click(function (event) {
      var id = $(this).attr("data-id");
      $("#modal").load("../Solucoes/Details?id=" + id, function () {
          $("#modal").modal();
      })
      event.preventDefault()
  });
  </code></pre>
  
  <p>i am loading the js in a external file, here is the VisualizarSolucao id that is called on the click event</p>
  
  <pre><code>&lt;div class="col-md-10" style="border-left:2px solid black"&gt;
      &lt;p style="text-align:left;padding-top:5px"&gt;
          &lt;a href="" id="VisualizarSolucao" data-id="@i.SolucaoId" style="font-weight:900"&gt;@i.SolucaoTitulo&lt;/a&gt;
      &lt;/p&gt;
      &lt;br /&gt;
      &lt;div class="col-md-offset-4 col-md-8" style="text-align:right"&gt;
          &lt;text&gt;Criado por &lt;a href="#"&gt;@i.User.UserName&lt;/a&gt; no dia @i.DataCriacao&lt;/text&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>