title: jquery click() + load() doesn't work with Opera?
body: <p>I have made a jQuery/javascript that is loading a page into a div when clicking on a picture. It works for IE, Firefox, Chrome but <b>NOT Opera..</b> I can't figure out why it isn't working..</p>
  
  <p>Please take a look on this page and click on a product to see how it loads a popup window.
  <a href="http://www.dev.dressmind.com" rel="nofollow">http://www.dev.dressmind.com</a></p>
  
  <p>Here is the script for the click:</p>
  
  <pre><code>function qp(id) { 
      $.ajax({
          method: "get",
          url: "QuickProduct.aspx",
          data: "id=" + id,
          //beforeSend: function() { $('#main').hide('slow').fadeOut(); },
          complete: function() { 
              $('#product-area').show('200').fadeIn(); 
              $("#product-area-overlay").show();
              $(".productbox-hover").hide();
          },
          success: function(result) { 
              $('#product-area').html(result); 
          }
      }); 
  }
  </code></pre>
  
  <p>Then I have a link that look like this:</p>
  
  <pre><code>&lt;a href="#" id="123123" onClick="qp(123123);return false;"&gt;&lt;div&gt;&lt;/div&lt;/a&gt;
  </code></pre>
  
  <p>SO please, can someone have a quick look and help me solve this problem.</p>
  
  <p><strong>Solved it</strong></p>
  
  <p>I solved it by moving the onclick-event to the div inside the   instead of having it on the link. </p>
  
  <pre><code>&lt; a href="#" id="123123"&gt;
      &lt; div **onClick="qp(123123);return false;"**&gt; &lt; /div&gt;
  &lt; /a&gt;
  </code></pre>