title: Delete this from a javascript object in a jQuery .each()
body: <p>I am having trouble deleting <code>this</code> (a specific 'event') from  the following javascript object, when <code>this</code> is from a jquery <code>.each()</code> loop.</p>
  
  <p>weatherData:</p>
  
  <pre><code>{
      "events":{
          "Birthday":{
              "type":"Annual",
              "date":"20120523",
              "weatherType":"clouds",
              "high":"40",
              "low":"30",
              "speed":"15",
              "direction":"0",
              "humidity":"0"
          },
          "Move Out Day":{
              "type":"One Time",
              "date":"20120601",
              "weatherType":"storm",
              "high":"80",
              "low":"76",
              "speed":"15",
              "direction":"56",
              "humidity":"100"
          }
      },
      "dates":{
          "default":{
              "type":"clouds",
              "high":"40",
              "low":"30",
              "speed":"15",
              "direction":"0",
              "humidity":"0"
          },
          "20120521":{
              "type":"clear",
              "high":"60",
              "low":"55",
              "speed":"10",
              "direction":"56",
              "humidity":"25"
          }
      }
  }
  </code></pre>
  
  <p>This is a shrunken version of the <code>.each()</code> loop:</p>
  
  <pre><code>$.each(weatherData.events, function(i){
      if(this.type == "One Time"){
          delete weatherData.events[this];
      }
  })
  </code></pre>