title: Pointer Events: None Not working in IOs
body: <p><a href="http://jsfiddle.net/uke23/5/" rel="noreferrer">JSFiddle Link</a></p>
  
  <p>When SVG image is clicked, alert function does not trigger in IPhone. (It works in android). </p>
  
  <p>How can I make this workin IPhone <strong>without using z-index and overlay div</strong>?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div  id="svg" style="position: relative; background: green; width: 900px; height: 900px;" &gt;
  &lt;object id="object" type="image/svg+xml" data="http://www.useragentman.com/tests/pointerEvents/images/tv-path.svg"&gt;
  &lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#svg object{
      pointer-events: none;
  }
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$('#svg').on('click', function () {
      alert('hello'); 
  });
  </code></pre>