           start = parseFloat($("#jp-"+first).data("start_timecode"))
           stop = parseFloat($("#jp-"+last).data("end_timecode"))
 
-          @$(".js-jplayer").jPlayer("play", start)
+          $node.find(".js-jplayer").jPlayer("play", start)
 
 
   componentWillUnmount: ->
-    @$(".jp-jplayer").jPlayer('destroy')
+    $(@getDOMNode()).find(".jp-jplayer").jPlayer('destroy')
 
 
   createTextBox: =>

          <a className="ui-slider-handle ui-state-default ui-corner-all" href="#" style={{left: '40%'}}></a>
          <a className="ui-slider-handle ui-state-default ui-corner-all" href="#" style={{left: '80%'}}></a>
      </div>
    </span>`



  render: ->
    `<div style={{position: 'relative'}}>
      <div className="jp-video jp-video-270p" id="jp_container_1">
         <div className="jp-type-single">
             <div className="jp-jplayer" style={{width: 480, height: 270}}>
