Is it possible to refer to function or object from particular script tag in HTML file

Question

Imagine we have the following code in an HTML file:

<script id='tag-1'>
  function foo(){
    alert("this is foo-1");
  }
</script>

<script id='tag-2'>
  function foo(){
    alert("this is foo-2");
  }
</script>

<script id='tag-3'>
  function foo(){
    alert("this is foo-3");
  }
</script>

Is it possible to invoke function foo from the script tag with id tag-2? I'm just curious to know if there is any cross-browser solution? Thank's guys.

---

Ok we have two very relevant proposals - the one that I marked for accepted answer and another one of the comments rigth below this post - the one that @dfsq propose. Thank you all guys!!!

Answer 1

No, that's not possible without resorting to eval().

As each script block is evaluated by the browser the previous versions of the function are overwritten.

You can access the text context of each <script> tag, but only if it's inline. Accessing the source of <script src="..."> tags requires AJAX.

Answer 2

Yes this is totally possible, but you should use a type other than text/javascript.

<script id='tag-1' type="myScriptHolder">
  function foo(){
    alert("this is foo-1");
  }
</script>

<script id='tag-2' type="myScriptHolder">
  function foo(){
    alert("this is foo-2");
  }
</script>

<script id='tag-3' type="myScriptHolder">
  function foo(){
    alert("this is foo-3");
  }
</script>

<script>
$.globalEval($('#tag-1').text();
</script>