title: Object values undefined on IE
body: <p>I've got this flow on an enterprise application:</p>
  
  <ol>
  <li>on every service page there is a "search box". When user starts to type something in it a call to a Struts 2 action in fired (via JQuery autocompleter)</li>
  <li>on action call, Hibernate looks for <em>hints</em> on user search on a MySql database</li>
  <li><p>when hints are found a JSON response is given. Something like:</p>
  
  <pre><code>...
  "map": {
        "id": "1234",
        "title": "Title 1",
        "permalink": "title-1",
        "class": "contentClassA",
        "contentType": "Content type ..."
      },
  ...
  </code></pre></li>
  <li><p>back on frontend JSP, some Javascript creates a list ov <code>&lt;div&gt;</code>, each of them containg the data of a <code>map</code> object. </p></li>
  </ol>
  
  <p>Steps 1-4 is working on Firefox up to version 11 and Internet Explorer to version 9. Then via Javascript I try to build a <code>self.location</code> redirect to reload the page discriminating on the <code>class</code> value. And here is the problem. The <code>obj</code> variable contains a single JSON <code>map</code> as stated above, and I do:</p>
  
  <pre><code>    var classType; 
      if(obj['class'] != undefined) {
          classType = obj['class'];
      } else {
          //classType = obj.map.class;
          //classType = obj['map'].class;
          //classType = obj.class;
          // ...
          classType = obj.map['class'];
      }
  </code></pre>
  
  <p>Everything is ok on FF, but IE (ver. 7-8-9) falls into the <em>else</em> and the <code>classType</code> variable returned is undefined no matter what I try. </p>
  
  <p>Am I missing something?</p>