Safari web inspector "No Inspectable Applications" when ipad connected to mac book pro

Question

I have been searching/reading over the steps to set up the web inspector from an ipad on the mac. It all seems straight forward and it always shows the ipad connected in the develop drop down (in safari on the mac). But it never allows anything to be selected from my ipad (“No Inspectable Applications”), no matter what site I have pulled up in safari on my ipad.

I have a second gen Ipad 32 Gig IOS version 8.0.2 (I started with 7.0.1 then upgraded to 7.0.2 then 8)

I am using a Mac Book Pro IOS 10.9.5

Safari Version 7.0.6

Initially it was not syncing with my itunes when connected to the Mac, but I was still seeing the ipad connected (I just couldn't selected anything from the develop drop down “No Inspectable Applications”). I updated to the newer version on the ipad, and now I see my name attached to the ipad in the safari drop down on my mac. But it still does not allow me to actually select any applications regardless of what site I have loaded up in safari on my ipad.

I have tried restarted/updating both my mac and the ipad, I have started and stopped safari on the mac after connecting to the ipad... Still nothing. I am not really sure what I am doing wrong or if this is just a bug?

This seems like the same issue posted 3 days ago

*** UPDATED TO: 
My version numbers that worked were: 
Mac Book Pro IOS: 10.9.5, 
Safari Version: 7.1, 
iPad IOS: 8.0.2, 
Xcode: 6.0.1

Answer 1

I believe you need to install Xcode on the Mac, and also use Xcode (in the organizer) to set the iPad to be "use for Development." Also make sure your Safari version is up to date, as well. Apparently, all versions need to be updated for success.

Answer 2

Interesting to read a lot of answers but no one that just said to you Update your Safari.

Yeah, you don't need XCode to be installed, just Safari 7.1. And it's a simple update that you can do from the Mac App Store.