Question: I am trying to populate a `List<Dock>` when `Profile.MatchId == Dock.MatchId` from different classes.

This is a stripped down version of both classes:

```
public class Profile
{
  [Key]
  [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
  public int ProfileId { get; set; }
  public int MatchId { get; set; }

  public virtual List<Dock> Docks { get; set; } = new List<Dock>();
}

public class Dock
{
  [Key]
  [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
  public int DockId { get; set; }
  public int MatchId { get; set; }
}

```

How do I get the `List<Dock> Docks` navigation properties to correctly populate? I am believe I need to wire this up via `modelBuilder` - however have not done this before.

Answer: 
You are redefining the `i` variable here:

```
var i=document.createElement("i");

```
Try this. You just need to change for loop variable cause it is a conflict with other i.

```
var menu=["Electrical calulator","Light Calulator","Finance Calculator","temperature calculator"];

console.log(menu.length);
for(var j=0;j<menu.length;j++)
{
    console.log(j);
    var li=document.createElement("li");
    var a=document.createElement("a");
    var i=document.createElement("i");

    i.className = "icon mdi mdi-home";
  var span=document.createElement("span");
    console.log(menu[j]);
    span.innerHTML=menu[j];
    a.appendChild(i);
    a.appendChild(span);
    li.appendChild(a);
    document.getElementById('menu_bar').appendChild(li);
}

```