title: How to bind click event on image added using CSS 'background-image' property in jQuery
body: <p>Here is my fiddle <a href="http://jsbin.com/otisur/1/edit" rel="noreferrer">link</a></p>
  
  <p>I guess my question is clear by title itself. Still, what I am looking for is an way to bind <code>click</code> event on the image added using css's <code>background-image</code> property.</p>
  
  <p>I know, I could have achieved the similar functionality (<em>of placing image over input field</em> using <a href="http://jsfiddle.net/vnodkumar1987/nxKRX/3/" rel="noreferrer">this way</a> or <a href="http://jsfiddle.net/vnodkumar1987/8sbpn/176/" rel="noreferrer">this way</a>) by simply positioning <code>&lt;img&gt;</code> tag over <code>input</code> box and then handling the required events but that way didn't seem too flexible with input fields of varying width and height or if the wrapping div doesn't have <code>position:relative;</code> as its property.</p>
  
  <p>If adding event on image loaded with <code>background-image</code> is not possible then how to make the later approach more flexible.</p>
  
  <p>Hope I have conveyed my issues clearly.</p>
  
  <p>Thanks.</p>