title: Reload div without reloading entire page not working
body: <p>I'm working with Java Portlets and Websphereportal</p>
  
  <p>I have a page with a profile picture that you can delete or change,
  In the part of the page I have two divs in my JSP file:</p>
  
  <pre><code>&lt;div id="fotoDefault" style="display: none"&gt; 
  &lt;img name="Fotografia" src="/wps/themes/html/experis_v1/images/foto_Placeholder.png"     width="200" height="200" alt="Tu Fotografía tamaño 200 X 200" style="background-color:     #000000"&gt;
  &lt;/div&gt;                  
  &lt;div id="fotoReal" style="display: none"&gt;
  &lt;img name="Fotografia" src="&lt;%=request.getContextPath()%&gt;/fotoServlet" width="200"      height="200" alt="Tu Fotografía tamaño 200 X 200" style="background-color: #000000"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>fotoDefault is an image that shows that you can upload a picture in some size and some format</p>
  
  <p>fotoReal shows a picture when you have upload a picture</p>
  
  <p>My problem is that when I tried to upload a picture, I can't see the new picture unless I do a page refresh and the client doesn't like that blink.</p>
  
  <p>I've been trying to do this with JQuery/Ajax but with no success, somethink like this at the end of my $(document).ready(function(){   :</p>
  
  <pre><code>var url2 = location.href;
  $('#fotoReal').load(url2);
  </code></pre>
  
  <p>but it doesn't refresh that div, as I was expecting</p>
  
  <p>What am I doing wrong? Any help or suggestion?</p>
  
  <p>Thanks! ^^</p>
  
  <p>Ralex</p>