With that code you are not framing, your are loading. There is a big difference between the two actions.
Iframe:
The HTML Element (or HTML inline frame element) represents a
nested browsing context, effectively embedding another HTML page into
the current page. Each browsing context has its own session history
and active document. The browsing context that contains the embedded
content is called the parent browsing context. The top-level browsing
context (which has no parent) is typically the browser window.
Ref: https://developer.mozilla.org/en-US/docs/HTML/Element/iframe
jQuery load:
Description: Load data from the server and place the returned HTML
into the matched element.
Ref: http://api.jquery.com/load/
The two solution are not related; is important to know what you want to do.
If you want to use iframe you can do a simple html iframe like:
<iframe src="http://doodle.com/5bd7fzirdd3gnbzh" width="300" height="300"></iframe>
Fiddle: http://jsfiddle.net/IrvinDominin/32bDj/
With the use of iframes you have no direct/simple control to the content of the iframed page.
With jQuery load the problem is that you facing is a not allowed Access-Control-Allow-Origin
a typical Cross Domain request issue.
Check here the solutions: JQuery load content from a remote site