The div was kept invisible from very beginning!
That's the issue - you set the style for the div as display:none so it's hidden.
As covered here in Google Webmaster Tools - Author information not appearing, Google won't display information that can't be viewed by users:
Hidden markup Make sure that your rel="author" link is not invisible
to humans using techniques like display:none or CSS. Broadly speaking,
Google won’t display any information that cannot be viewed by humans.
You should also review the other information provided there, and use the structured data testing tool to verify that Google can extract authorship information from your page.
Lastly, it should also be noted as covered here that: Google doesn't guarantee to show author information in Google Web Search or Google News results.
Update:
There are reports in this thread indicating that Google has recently tightened up on displaying this, likely based on visibility and other factors covered in this Webmaster Central Blog.
Update 2:
Continuing the above trend, John Mueller from Google's Webmaster Tools announced on 8/28/2014 that Google will no longer be showing authorship results in Google Search or tracking data from content using rel=author markup. See this for more on that.
