diff --git a/cookbook/cb-11-dom-event-listeners tip.md b/cookbook/cb-11-dom-event-listeners tip.md
new file mode 100644
index 00000000..b609a7f8
--- /dev/null
+++ b/cookbook/cb-11-dom-event-listeners tip.md	
@@ -0,0 +1,38 @@
+---
+id: dom-event-listeners-tip
+title: DOM event listeners in a component
+layout: docs
+permalink: dom-event-listeners-tip.html
+---
+
+> Note:
+>
+> This entry shows how to attach DOM events not provided by React ([check here for more info](events.html)). This is good for integrations with other libraries such as jQuery.
+
+This example displays the window width:
+
+```js
+/** @jsx React.DOM */
+
+var Box = React.createClass({
+  getInitialState: function() {
+    return {windowWidth: window.innerWidth};
+  },
+  handleResize: function(e) {
+    this.setState({windowWidth: window.innerWidth});
+  },
+  componentDidMount: function() {
+    window.addEventListener("resize", this.handleResize);
+  },
+  componentWillUnmount: function() {
+    window.removeEventListener("resize", this.handleResize);
+  },
+  render: function() {
+    return <div>Current window width: {this.state.windowWidth}</div>;
+  }
+});
+
+React.renderComponent(<Box />, mountNode);
+```
+
+`componentDidMount` is called after the component's mounted and has a DOM representation. This is often a place where you'd attach generic DOM events.
diff --git a/cookbook/cb-11-dom-event-listeners.md b/cookbook/cb-11-dom-event-listeners.md
new file mode 100644
index 00000000..6ca378dc
--- /dev/null
+++ b/cookbook/cb-11-dom-event-listeners.md
@@ -0,0 +1,43 @@
+---
+id: dom-event-listeners
+title: DOM event listeners in a component
+layout: docs
+permalink: dom-event-listeners.html
+---
+
+### Problem
+You want to listen to an event inside a component.
+
+### Solution
+> Note:
+>
+> This entry shows how to attach DOM events not provided by React ([check here for more info](events.html)). This is good for integrations with other libraries such as jQuery.
+
+This example displays the window width:
+
+```js
+/** @jsx React.DOM */
+
+var Box = React.createClass({
+  getInitialState: function() {
+    return {windowWidth: window.innerWidth};
+  },
+  handleResize: function(e) {
+    this.setState({windowWidth: window.innerWidth});
+  },
+  componentDidMount: function() {
+    window.addEventListener("resize", this.handleResize);
+  },
+  componentWillUnmount: function() {
+    window.removeEventListener("resize", this.handleResize);
+  },
+  render: function() {
+    return <div>Current window width: {this.state.windowWidth}</div>;
+  }
+});
+
+React.renderComponent(<Box />, mountNode);
+```
+
+### Discussion
+`componentDidMount` is called after the component's mounted and has a DOM representation. This is often a place where you'd attach generic DOM events.
diff --git a/cookbook/cb-11-event-listeners.md b/cookbook/cb-11-event-listeners.md
deleted file mode 100644
index 7b206a86..00000000
--- a/cookbook/cb-11-event-listeners.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-id: event-listeners
-title: event listening in a React component
-layout: docs
-permalink: event-listeners.html
----
-
-### Problem
-You want to listen to an event inside a React component.
-
-### Solution
-You can listen in componentDidMount. The below example will display the window dimensions.
-
-```js
-var WindowDimensions = React.createClass({
-  render: function() {
-    return <span>{this.state.width} x {this.state.height}</span>;
-  },
-  updateDimensions: function() {
-    this.setState({width: $(window).width(), height: $(window).height()});
-  },
-  componentWillMount: function() {
-    this.updateDimensions();
-  },
-  componentDidMount: function() {
-    window.addEventListener("resize", this.updateDimensions);
-    // Using jQuery $(window).on('resize', this.updateDimensions);
-  },
-  componentWillUnmount: function() {
-    window.removeEventListener("resize", this.updateDimensions);
-    // Using jQuery $(window).off('resize', this.updateDimensions);
-  }
-});
-```
-
-### Discussion
-componentDidMount is invoked when the component has been mounted and has a DOM representation. Use this as an opportunity to operate on the DOM when the component has been initialized and rendered for the first time.
\ No newline at end of file